Laravel 6.0.3 не загружает ключевые ресурсы App.js или App.css 404 Not Found

Чтобы настроить свой проект, я запустил:

laravel new cms
composer require laravel/ui
php artisan ui:auth
php artisan migrate

Однако, когда я перехожу к http://cms.test/login, мне показывается страница входа:

введите описание изображения здесь

И получите две ошибки 404 за отсутствующие ресурсы:

http://cms.test/js/app.js net::ERR_ABORTED 404 (Not Found)
http://cms.test/css/app.css

В чем может быть причина отсутствия файлов?

Моя общедоступная директория пуста, за исключением файлов .htaccess, favicon.ico, index.php и robot.txt, это нормально?


laravel laravel-6
person Jack Robson    schedule 15.09.2019    source источник

Ответы (5)


arrow_upward
14
arrow_downward

Моя установка была немного неправильной, я почти забыл запустить команду npm install и npm run dev, которая требуется для компиляции файлов app.js и app.css.

Правильная последовательность команд установки была:

laravel new cms
cd cms
php artisan migrate
composer require laravel/ui
npm install
php artisan ui vue --auth
npm install && npm run dev
person Jack Robson    schedule 15.09.2019

arrow_upward
1
arrow_downward

В новом приложении отсутствовали файлы app.css и app.js. Были выполнены надлежащие шаги, как указано в ответе Джека Робсона выше. Я повторил последние два шага:

    php artisan ui vue --auth
    npm install && npm run dev

И он сгенерировал app.css и app.js - теперь все в порядке.

Понятия не имею, что пошло не так при первоначальной установке.

person G-Man    schedule 21.11.2019

arrow_upward
1
arrow_downward

Приведенная ниже команда сработала для меня.

npm install && npm run dev
person Joel Fernandes    schedule 28.06.2020

arrow_upward
0
arrow_downward

В моем случае это было: что при настройке виртуального хоста в Apache неправильно записал путь к папке: DocumentRoot "D: \ LARAVEL \ instagrmalaravel \ public" ...

когда на хосте это было: 127.0.0.1 instagramlaravel.local,

изменить: instagrmalaravel на: instagramlaravel.

И все работало правильно.

person Marcelo Juan Cabrera Gutierrez    schedule 10.10.2019

arrow_upward
0
arrow_downward

Причина отсутствия файлов в том, что вы забыли запустить процесс сборки, который генерирует файлы. Последняя команда npm run dev делает это. Кажется, что наличие двух парных команд (npm install && npm run dev) в документации привлекает многих.

person Aezur    schedule 03.02.2020