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

【问题标题】：Module not found: Error: Can't resolve './router'| Vue router未找到模块：错误：无法解析“./router”| Vue路由器
【发布时间】：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'
我有同样的结果

标签： laravel vue.js vue-component vue-router vuejs3

【解决方案1】：

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

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

import router from './router/search'

【讨论】：