Vue router не может найти модули, когда он находится внутри папки - PullRequest
Новая
       22

Vue router не может найти модули, когда он находится внутри папки

0 голосов
/ 04 ноября 2019

У меня есть маршрутизатор 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')

Вот моя структура папок.

Folder structure

Вот ошибка. 

./src/router/index.js
Module not found: Error: Can't resolve './components/HelloWorld.Vue' in 'C:\xampp\htdocs\sales-and-inventory\frontend\src\router'

1 Ответ

1 голос
/ 04 ноября 2019

Это потому, что ./ ищет в папке, где находится файл. Таким образом, путь, который он сейчас пытается найти, - C:/path/to/project/src/router/components/HelloWorld.Vue

Вместо этого измените путь на ../components/HelloWorld.Vue, и он должен работать.

...