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

Question

为了设置我的项目，我运行:

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

这些文件丢失的原因可能是什么？

我的 public 目录除了 .htaccess、favicon.ico、index.php 和 robot.txt 文件外是空的，这正常吗？

Answer 1

我的设置有点错误，我大多忘记了运行 npm install 和 npm 运行编译 app.js 和 app.css 文件所需的 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

Answer 2

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

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

将：instagrmalaravel 更改为：instagramlaravel。

一切正常。

Answer 3

新应用中缺少 app.css 和 app.js。正确的步骤是运行，正如上面 Jack Robson 的回答中所指出的那样。我重新运行了最后两个步骤：

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

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

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

Answer 4

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

Answer 5

下面的命令对我有用。

npm install && npm run dev

Laravel 6.0.3 Not Loading Key Resources App.js or App.css 404 Not Found