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

Posted 2023-02-22

【中文标题】未找到模块：错误：无法解析“./router”| Vue路由器

【英文标题】：Module not found: Error: Can't resolve './router'| Vue router

【发布时间】：2021-11-29 10:55:34

【问题描述】：

在此文件的 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'

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

【问题讨论】：

这能回答你的问题吗？ Module not found: Error: Can't resolve | Vue Router

很遗憾，我还没有启动“npm install --save vue-router”命令，但还没有解决。我不明白我怎么不能编译那里的文件夹

尝试修改search.js中的路径为import SearchIndex from '../components/omdb/SearchIndex.vue'

我有同样的结果

【参考方案1】：

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

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

import router from './router/search'