Recientemente, encontré varios errores cuando trabajaba en un proyecto vue. Estos errores son bastante comunes en los proyectos vue, así que registre las soluciones.
Error en el procesamiento: "TypeError: no se puede leer la propiedad 'lista' de indefinidos"
Error: Error de representación: "Error de tipo no definido : No se pueden leer los atributos" lista
Razón: No hay definición de lista, es decir, la lista se usa en el templo, pero este campo no está definido en los datos, si ya está definido pero aún informa un error, verifique si escribió mal la palabra, porque soy tan estúpido ==
Solución:
data () {
return {
list: []
}
},
[Vue warn]: la propiedad o el método "mensaje" no se define en la instancia, pero se hace referencia durante el procesamiento. Asegúrese de que esta propiedad sea reactiva, ya sea en la opción de datos o para los componentes basados en clases, inicializando la propiedad
Error: el mensaje no está definido
Razón: igual que el anterior, el mensaje no está definido en los datos, es fácil de resolver definiendo un valor inicial
:
data() {
return {
message: ''
}
},
Error de compilación del módulo: Error: No se ha proporcionado un analizador ni una ruta de archivo, no se pudo inferir un analizador.
Error: no hay analizador de sintaxis ni ruta de archivo, no se puede inferir el analizador.
Motivo: hay un problema con el paquete de dependencia, más bonita es una dependencia de vue-cli y la eliminación de una función se
resuelve como una versión secundaria : npm install --save-dev prettier @ 1.12.0 (elimina la carpeta _prettier @ 1.13.0 @ prettier en node_modules)
rutas para cada uno no es una función
Razón: paraCada rutas no encontró ningún valor en él.
Solución:
1. Verifique si la ruta de importación {rutas} de './rutas' es correcta
2. Rutas es una matriz, verifique si las rutas son una matriz
3. Si una el enrutador ha sido nuevo, ¿nuevo de nuevo?
// 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 desconocido: - ¿registró el componente correctamente? Para componentes recursivos, asegúrese de proporcionar la opción "nombre".
Motivo: la página del componente referenciado no se exporta, lo que provoca que no se encuentre la consola del navegador para informar de un error, pero no hay ningún problema de sintaxis al compilar, no se informa de ningún error
.
export { default as AppMain } from './AppMain'
TypeError: no se puede leer la propiedad 'vue' de undefined
Mensaje de error: ERROR en ./src/login.vue La compilación del módulo falló (de ./node_modules/[email protected]@vue-loader/index.js): TypeError: No se puede leer la propiedad 'vue' de undefined en Object .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 (paquete web) / h ot / dev-server.js ./src/main.js
Razón: El complemento vue-loader está roto y
resuelto:
// 重新安装依赖
npm install vue-loader@latest --save-dev