Al iniciar vue ui y usar npm run serve para compilar e iniciar, ocurren los siguientes problemas:
Compilado con problemas:
X
ERROR
No se pueden leer las propiedades de undefined (leyendo 'use') TypeError: No se pueden leer las propiedades de undefined (leyendo 'use') en eval (webpack-internal:///./src/plugins/element.js:13:45) en . /src/plugins/element.js ( http://localhost:8080/js/app.js:96:1 ) en webpack_require ( http://localhost:8080/js/app.js:337:33 ) en fn ( http://localhost:8080/js/app.js:592:21 ) en eval (webpack-internal:///./src/main.js:5:77) en ./src/main.js ( http://localhost:8080/js/app.js:85:1 ) en webpack_require ( http://localhost:8080/js/app.js:337:33 ) en http://localhost:8080/js/ app.js:1517:109 en webpack_require .O (http://localhost:8080/js/app.js:383:23 ) en http://localhost:8080/js/app.js:1518:53
La captura de pantalla del error es la siguiente:
Solución:
1. Recrear un nuevo proyecto
2. Vuelva a instalar las dependencias, tengo este problema porque mis dependencias no están instaladas correctamente
npm install -g vue instala vue global
npm install -g @vue/cli instala vue scaffolding, agregar una @ es la última versión
3. Modificar el código en main.js La forma de importar el paquete es incorrecta.
import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
const app = createApp(App)
app.use(router).mount('#app')
Defina una variable para almacenar, use la variable para llamar