Recentemente, encontrei vários erros ao trabalhar em um projeto vue. Esses erros são bastante comuns em projetos vue, então registre as soluções.
Erro na renderização: "TypeError: Não é possível ler a propriedade 'lista' de undefined"
Erro: Erro de renderização: "Erro de tipo indefinido: não foi possível ler os atributos" da lista
Motivo: Nenhuma definição de lista, ou seja, a lista é usada no templo, mas este campo não está definido nos dados, se já estiver definido, mas ainda reportando um erro, verifique se você digitou a palavra incorretamente, porque sou tão estúpido ==
Solução:
data () {
return {
list: []
}
},
[Vue warn]: A propriedade ou método “mensagem” não é definida na instância, mas referenciada durante a renderização. Certifique-se de que esta propriedade seja reativa, seja na opção de dados, ou para componentes baseados em classe, inicializando a propriedade
Erro: Mensagem não definida
Motivo: igual ao anterior, mensagem não definida em dados, é fácil de resolver definindo um valor inicial
:
data() {
return {
message: ''
}
},
Falha na construção do módulo: Erro: Nenhum analisador e nenhum caminho de arquivo fornecido, não foi possível inferir um analisador.
Erro: nenhum analisador de sintaxe e caminho de arquivo, não é possível inferir o analisador.
Motivo: há um problema com o pacote de dependência, mais bonita é uma dependência vue-cli e a remoção de um recurso foi
resolvida como uma versão secundária : npm install --save-dev prettier @ 1.12.0 (exclua a pasta _prettier @ 1.13.0 @ mais bonita em node_modules)
rotas para cada não é uma função
Motivo: forEach routes não encontrou nenhum valor.
Solução:
1. Verifique se o caminho de importação {routes} de './ routes' está correto
2. As rotas são uma matriz, verifique se as rotas é uma matriz
3. Se um roteador foi novo, novo de novo?
// main.js
// 路由配置
const RouterConfig = {
// 使用HTML5的History模式
mode: 'history',
routes: Routers
}
// new VueRouter
const router = new VueRouter(RouterConfig)
// router.js
// 在router中又再次new一遍，重复了！！！！
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: home
}
]
})
改为：
// router.js
const routers = [
{
path: '/home',
meta: {
title: '主页'
},
component: (resolve) => require(['../page/home.vue'], resolve)
]
export default routers
[Vue warn]: Elemento personalizado desconhecido: - você registrou o componente corretamente? Para componentes recursivos, certifique-se de fornecer a opção “nome”.
Motivo: a página do componente referenciado não é exportada, resultando em não encontrar o console do navegador para relatar um erro, mas não há problema de sintaxe durante a compilação, nenhum erro é relatado
.
export { default as AppMain } from './AppMain'
TypeError: Não é possível ler a propriedade 'vue' de indefinido
Mensagem de erro: ERROR in ./src/login.vue Module build failed (from ./node_modules/[email protected]@vue-loader/index.js): TypeError: Não é possível ler a propriedade'vue 'de indefinido no objeto .module.exports (F: \ VistualStudioCode \ threess \ node_modules_vue-loader @ 13.7.3 @ vue-loader \ lib \ load er.js: 61: 18) @ ./src/main.js 7: 13-35 @ multi ./node_modules/[email protected]@webpack-dev-server/client?http://localhost:3000 (webpack) / h ot / dev-server.js ./src/main.js
Motivo: O plug-in vue-loader foi quebrado e
resolvido:
// 重新安装依赖
npm install vue-loader@latest --save-dev