当我将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'