找不到模块：错误：无法解析 \|路由器

Question

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

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

路由器.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
})

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

请帮我。

原文由 Reman Bala 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

从 ‘./pages/frontend/HomepageComponent’ 导入 HomepageComponent

所以它看起来像：

从 ‘./pages/frontend/HomepageComponent.vue’ 导入 HomepageComponent

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

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

原文由 Thomas Bay 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

运行命令

npm install --save vue-router

原文由 Sidra Aslam 发布，翻译遵循 CC BY-SA 4.0 许可协议