找不到模块：错误：无法解析|Vue路由器 [英] Module not found: Error: Can't resolve | Vue Router

问题描述

我对VUE和幼虫还不熟悉。我正在尝试导入组件，但遇到此错误。

./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
})

我到处都找了，但我想不出如何解决这个问题。

请帮帮我。

推荐答案

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

从‘./Pages/Fronend/HomepageComponent’导入HomepageComponent‘

所以看起来是这样的：

导入HomepageComponent From‘./Pages/Fronend/HomepageComponent.vue’

如果我没有记错，默认情况下，导入将查找.js文件扩展名，因此您必须明确您正在查找.VUE文件。

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

这篇关于找不到模块：错误：无法解析|Vue路由器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！