en search.js de este archivo:
import {createRouter, createWebHistory} from "vue-router"; import SearchIndex from './components/omdb/SearchIndex.vue' const routes = [ { path: '/', name: 'welcome', component: SearchIndex }, ] export default createRouter({ history: createWebHistory(), routes })
en app.js de este archivo:
require('./bootstrap'); require('alpinejs'); import { createApp } from "vue"; import router from './router' import SearchIndex from './components/omdb/SearchIndex' createApp({ components:{ SearchIndex } }).use(router).mount('#app')
este error:
ERROR in ./resources/js/app.js 6:0-30 Module not found: Error: Can't resolve './router' in 'D:\xampp\htdocs\omdb\resources\js'
No entiendo porque me da este error. Estructuré el archivo de la siguiente manera:
La ruta del módulo en import router from './router'
resuelve en ./router.js
o ./router/index.js
. Ninguno de los archivos existe, lo que lleva al error que observó.
Puede cambiar el nombre de ./router/search.js
a ./router/index.js
o importar el archivo ./router/search.js
directamente:
import router from './router/search'