0
322
ViewsEnrutador Vue en main.js: esta dependencia no se encontró error
Cuando ejecuto npm run serve obtengo el error This dependency was not found , relacionado con el router que estoy tratando de usar en main.js No entiendo por qué sucede esto: el enrutador se crea y exporta desde el archivo src/router/router/js y se importa en el archivo main.js
principal.js :
import App from './App.vue' import './assets/tailwind.css' import Vue from 'vue' import VueRouter from 'vue-router' import router from 'router/router.js' Vue.config.productionTip = false Vue.use(VueRouter); const app = new Vue({ render: h => h(App), }).$mount('#app') app.use(router);enrutador.js :
import { createRouter, createWebHistory } from 'vue-router' import Home from '../views/Home.vue' import About from '../views/About.vue' const routes = [ { path: '/home', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About } ] const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes }) export default routerEsta es mi estructura de directorios:
me sale este error:
This dependency was not found: * router/router.js in ./src/main.js2 answers
Answer question0
No ha importado el enrutador correctamente, debería ser así:
import router from './router/router.js'Normalmente debería funcionar ahora.
Editar:
Intente crear un nuevo proyecto vue con la configuración predeterminada del enrutador.
0
cambio importar a
import router from `./router/router.js Y también hice un nuevo proyecto con Vue 3 (se usó Vue 2 para este), donde instalé vue-router@next . Luego seguí este tutorial: https://www.vuemastery.com/blog/vue-router-a-tutorial-for-vue-3/
main.js modificado:
import { createApp } from 'vue' import App from './App.vue' import router from './router/router.js' createApp(App).use(router).mount('#app')