laravel - 未找到模块：错误：无法解析“./router”| Vue路由器

Question

在此文件的 search.js 中：

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
})

在此文件的 app.js 中：

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')

这个错误：

ERROR in ./resources/js/app.js 6:0-30
Module not found: Error: Can't resolve './router' in 'D:\xampp\htdocs\omdb\resources\js'

我不明白为什么它会给我这个错误。我的文件结构如下：

标签： laravelvue.jsvue-componentvue-routervuejs3

Answer 1

中的模块路径import router from './router'解析为./router.js或./router/index.js。两个文件都不存在，导致您观察到的错误。

您可以重命名./router/search.js为./router/index.js，也可以直接导入./router/search.js文件：

import router from './router/search'