You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel 9执行npm run dev后app.css和app.js仍无法找到求助

解决Laravel 9中app.css/app.js 404加载失败问题
  • 检查资源文件生成情况
    确认npm run dev执行后,public/css/和public/js/目录下是否生成了app.css和app.js文件。如果未生成,重新执行以下命令,同时留意终端是否有依赖安装或编译报错:

    npm install
    npm run dev
    
  • 校验视图中的资源引用路径
    打开布局文件(通常为resources/views/layouts/app.blade.php),确认资源引用使用正确的辅助函数:

    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <script src="{{ asset('js/app.js') }}"></script>
    

    避免使用硬编码相对路径,防止路径解析错误。

  • 清除缓存并重启服务
    执行命令清除Laravel缓存,再重启artisan服务:

    php artisan cache:clear
    php artisan config:clear
    php artisan serve
    
  • 检查public目录权限
    确保public及其子目录拥有正确的读写权限,避免服务器无法读取文件:

    chmod -R 755 public/
    
  • 确认Laravel UI版本兼容性
    Laravel 9需搭配laravel/ui ^3.0版本,执行以下命令查看当前版本:

    composer show laravel/ui
    

    若版本不兼容,卸载后重新安装适配版本:

    composer remove laravel/ui
    composer require laravel/ui:^3.0 --dev
    php artisan ui bootstrap --auth
    npm install
    npm run dev
    

内容的提问来源于stack exchange,提问作者Jericho

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 22:57:24