Laravel 6.0.3未加载关键资源App.js或App.css 404未找到

时间:2019-09-15 02:37:45

标签: laravel laravel-6

要运行我的项目,请运行:

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

但是,当我转到http://cms.test/login时,会看到登录页面:

enter image description here

并因缺少资源而出现两个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文件之外,我的公共目录是空的吗?

5 个答案:

答案 0 :(得分:3)

我的设置有点错误,我大多忘记运行编译app.js和app.css文件所需的npm install和npm run dev命令。

正确的设置命令顺序为:

laravel new cms
cd cms
php artisan migrate
composer require laravel/ui
npm install
php artisan ui vue --auth
npm install && npm run dev

答案 1 :(得分:1)

下面的命令对我有用。

npm install && npm run dev

答案 2 :(得分:0)

在我的情况下是: 在配置 Apache中的虚拟主机将路径错误地写入了文件夹:     DocumentRoot“ D:\ LARAVEL \ instagrmalaravel \ public” ...

在主机上是: 127.0.0.1 instagramlaravel.local,

更改: instagrmalaravel更改为:instagramlaravel。

一切正常。

答案 3 :(得分:0)

新应用程序缺少app.css和app.js。如上面的杰克·罗布森(Jack Robson)的回答所述,已经执行了正确的步骤。我重新执行了最后两个步骤:

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

它生成了app.css和app.js-现在都很好。

不知道初始安装中出了什么问题。

答案 4 :(得分:0)

缺少文件的原因是您忘记了运行生成文件的生成过程。最后一个命令npm run dev执行此操作。在文档中将两个命令配对(npm install && npm run dev)似乎吸引了很多人。