Laravel项目无法调用本地CSS/JS文件，如何正确引入？

你的代码里存在两个关键语法错误，导致本地资源无法正常加载：

1. CSS链接的rel属性写错，正确值为单数的stylesheet，而非复数stylesheets
2. Script标签引用资源必须使用src属性，不能用href属性

修正后的完整代码： #

<link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
<script type="text/javascript" src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/jquery/jquery-3.6.1.slim.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/fontawesome/41b4cd8ba8.js') }}"></script>

若修正后仍无法加载，可排查以下几点： #

• 确认public/assets目录下的文件路径与代码中的引用完全匹配，比如public/assets/css/bootstrap.min.css确实存在
• 调整文件权限：执行chmod -R 755 public/assets，确保web服务器进程（如www-data、nginx）有权读取这些文件
• 强制刷新浏览器缓存（Ctrl+Shift+R），避免旧缓存干扰
• 若使用Laravel Mix管理资源，需先执行npm run dev或npm run prod完成资源编译

内容的提问来源于stack exchange，提问作者user20338917