Модуль не найден: Ошибка: не удается разрешить | Vue Router

Я новичок в 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
})

Я искал везде, но не могу понять, как решить эту проблему.

Помогите, пожалуйста.


person Reman Bala    schedule 11.05.2020    source источник
comment
вы проверили имя компонента HomepageComponent.vue?   -  person jcoleau    schedule 11.05.2020
comment
И HomepageComponent.vue находится в /resources/js/pages/frontend/ каталоге?   -  person porloscerros Ψ    schedule 11.05.2020
comment
Да, название подходит, как и расположение.   -  person Reman Bala    schedule 11.05.2020
comment
не могли бы вы также поделиться файлом HomepageComponent?   -  person P3trur0    schedule 11.05.2020
comment
Он показывает ошибку в файле router.js: import HomepageComponent from './pages/frontend/HomepageComponent'   -  person Reman Bala    schedule 11.05.2020


Ответы (2)


Попробуйте добавить .vue к вашему импорту файла

импортировать HomepageComponent из './pages/frontend/HomepageComponent'

так это выглядит:

импортировать HomepageComponent из './pages/frontend/HomepageComponent.vue'

Если я не ошибаюсь, импорт по умолчанию будет искать файл с расширением .js, поэтому вы должны указать, что вы ищете файл .vue.

РЕДАКТИРОВАТЬ: решение не имело отношения к приведенному выше ответу, проблема заключалась в опечатке в имени файла компонентов.

person Thomas Bay    schedule 11.05.2020
comment
Не могли бы вы поделиться снимком экрана с кодом в компоненте HomepageComponent и еще одним снимком экрана с папкой и структурой файлов? - person Thomas Bay; 11.05.2020
comment
Код моих файлов ресурсов находится в этой ссылке. Я также обнаружил, что моя ошибка находится в HomepageComponent. vue, потому что он отлично работает, когда я заменяю HomepageComponent на ExampleComponent. - person Reman Bala; 12.05.2020
comment
Я думаю, это сводится к опечатке в твоих файлах, друг. Ваш файл HomepageComponent написан с ошибкой. HompageComponent отсутствует на главной странице. - person Thomas Bay; 13.05.2020

Команда Run

npm install --save vue-router
person Sidra Aslam    schedule 28.01.2021