Laravel 6.0.3 未加载关键资源 App.js 或 App.css 404 Not Found

Posted 2023-02-16

【中文标题】Laravel 6.0.3 未加载关键资源 App.js 或 App.css 404 Not Found

【英文标题】：Laravel 6.0.3 Not Loading Key Resources App.js or App.css 404 Not Found

【发布时间】：2020-01-16 08:07:50

【问题描述】：

为了设置我运行的项目：

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文件外都是空的，这正常吗？

【参考方案1】：

我的设置有点错误，我大多忘记运行编译 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

【参考方案2】：

新应用中缺少 app.css 和 app.js。正如上面杰克罗布森的回答中所述，已经运行了正确的步骤。我重新运行了最后两个步骤：

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

它生成了 app.css 和 app.js - 现在一切正常。

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

【参考方案3】：

下面的命令对我有用。

npm install && npm run dev

【参考方案4】：

就我而言，它是： 配置时 Apache中的虚拟主机错误地写入了文件夹的路径： DocumentRoot "D:\LARAVEL\instagrmalaravel\public" ...

在主机上时是： 127.0.0.1 instagramlaravel.local，

更改：instagramlaravel 为：instagramlaravel。

一切正常。

【参考方案5】：

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