javascript - Vue路由器放在文件夹中时找不到模块
问题描述
我有 vue 路由器,当我将它直接放在 src 文件夹中时它可以工作,但当我将它放在 src 目录内的文件夹中时它不起作用。
这是我的代码,当我将 vue-router 文件放在 src 文件夹旁边时,它的字词完美。
import Vue from 'vue';
import Router from 'vue-router';
import HelloWorld from './components/HelloWorld.Vue';
Vue.use(Router);
export default new Router({
mode: 'history',
routes: [
{
path: '/',
name: 'Login',
component: HelloWorld
}
]
});
我的 main.js
import Vue from 'vue';
import App from './App.vue';
import router from './router/index.js';
//import router from './router.js';
import './assets/app.scss';
import jQuery from 'jquery';
window.$ = jQuery;
window.jQuery = jQuery;
import 'popper.js';
import 'bootstrap';
Vue.config.productionTip = false
new Vue({
render: h => h(App),
router
}).$mount('#app')
这是我的文件夹结构。
这是错误。
./src/router/index.js
Module not found: Error: Can't resolve './components/HelloWorld.Vue' in 'C:\xampp\htdocs\sales-and-inventory\frontend\src\router'
解决方案
那是因为./
在文件所在的文件夹中查找。所以它目前试图找到的路径是C:/path/to/project/src/router/components/HelloWorld.Vue
相反,将路径更改为../components/HelloWorld.Vue
它应该可以工作。
推荐阅读
- google-analytics - 谷歌标签助手报告:尝试安装谷歌分析代码时,“同一网络资产 ID 被跟踪两次”
- xamarin.forms - Xamarin.forms 错误消息 - 了解位置编号?
- amazon-web-services - 应用转换后,aws QuickSight 无法生成任何输出列
- java - 此方法必须返回 String、Java、Eclipse 类型的结果
- precision - 创建等边三角形网格
- apache-kafka - 如何让 Kafka 代理向消费者响应可重试或不可重试的错误?
- c# - Unity中的抓钩射线投射方向问题
- r - 使用 R,我在哪里可以获得每日股票数据,其中包含当天的最低价和最高价的时间戳?
- geometry - 确定合适的点成为能够覆盖区域内所有点的圆心
- python-3.x - 访问熊猫数据框中的所有列名