Я слежу за учебником YouTube, приложением Todo List с Laravel и Vue.js, и через 27 минут я столкнулся со следующей проблемой при запуске в терминале npm run hot:

Webpack скомпилирован с 1 ошибкой ОШИБКА в ./resources/js/app.js 4: 0-28 Модуль не найден: Ошибка: не удается разрешить ./vue/app 'в' C: \ xampp \ htdocs \ todolist2 \ resources \ js '

Проблема возникает в файле app / resources / js / app.js

require('./bootstrap');
import Vue from 'vue'

import App from './vue/app'

const app = new Vue ({
    el: '#app',
    components: {App}
});

Файловая структура

Js --- vue / app.vue app.js

Я заранее запустил npm install, и Vue находится в папке app / node_modules

Есть идеи, как я могу исправить? Спасибо!

0
Strawberry_cat 19 Янв 2021 в 05:39

1 ответ

Лучший ответ

В вашем webpack.mix.js добавьте .vue() в конце вот так

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]).vue();
0
Adil Islambekov 20 Янв 2021 в 01:50