找不到模块:错误:无法解决| Vue路由器

时间:2020-05-11 13:35:42

标签: javascript laravel vue.js vue-router laravel-7

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

我到处搜索,但无法弄清楚该问题的解决方法。

请帮助我。

2 个答案:

答案 0 :(得分:2)

运行命令

npm install --save vue-router

答案 1 :(得分:1)

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

从'./pages/frontend/HomepageComponent'导入HomepageComponent

看起来像这样:

从'./pages/frontend/HomepageComponent.vue'导入HomepageComponent

如果我没记错的话,默认情况下,导入将查找.js文件扩展名,因此您必须明确要查找.vue文件。

编辑:解决方案与上面的答案无关,问题在于组件文件名中有错字。