Module not found: Error: Can't resolve | Vue Router

Question

我是 vue 和 laravel 的新手。我正在尝试导入我的组件，但出现此错误。

./resources/js/router.js 中的错误找不到模块：错误：无法解析'./pages/frontend/HomepageComponent'

router.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import HomepageComponent from './pages/frontend/HomepageComponent'

Vue.use(VueRouter)

const routes = [
{
    path: '/',
    component: HomepageComponent
}
]

export default new VueRouter({
    routes
})

我到处搜索，但我无法弄清楚如何解决这个问题。

请帮帮我

Answer 1

尝试将 .vue 添加到您导入的文件中

从“./pages/frontend/HomepageComponent”导入 HomepageComponent

看起来像：

从'./pages/frontend/HomepageComponent.vue'导入主页组件

如果我没记错的话，默认情况下导入会查找 .js 文件扩展名，因此您必须具体说明您要查找的是 .vue 文件。

编辑：解决方案与上面的答案无关，问题是组件文件名中的拼写错误。

Answer 2

运行命令

npm install --save vue-router

Answer 3

我用

解决了这个问题

npm install --save vue-router

Answer 4

我有同样的问题，通过在 assets 文件夹下创建另一个文件夹并将组件移到那里解决。

Module not found: Error: Can't resolve | Vue Router

Module not found: Error: Can't resolve | Vue Router

javascript

laravel

vue.js

vue-router

laravel-7