Почему ошибка при связывании Laravel с Vue.js “Module not found: Error: Can't resolve './vue/app'”

Создал папку /vue/ в /resources/js/ (Laravel), в ней создал файл app.vue c кодом

<template><div>Hello</div></template> <script>export default {}</script>

В файле /resources/js/app.js импортирую мой тестовый шаблон

import Vue from 'vue';
import App from './vue/app';

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

И получаю ошибку в cmd "ERROR in ./resources/js/app.js 4:0-28 Module not found: Error: Can't resolve './vue/app' in 'D:\osp\domains\laravel-todolist\resources\js' webpack compiled with 1 error" и ошибку в браузере "Uncaught Error: Cannot find module './vue/app' " Помогите плиз понять в чем проблема. Вот видео с коротким обзором моего кода https://www.youtube.com/watch?v=zZqYJaIgau4 С этого обучающего видео все делал точь в точь https://www.youtube.com/watch?v=UHSipe7pSac Но там все заработало, а у меня ошибка :(

Все, что нужно, установлено. node v12.18.3, npm install тоже выполнил и npm install vue. Я подозреваю, что проблема с webpack'ом или может для него нужен какой-то конфигурационный файл в корневой директории проекта. Все как в обучающем видео делал, там все ок, а у меня ошибка. Или может там все ок из-за OS X? :)


Ответы (0 шт):