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

Laravel Blade引入JS脚本无输出求助:已下载但控制台无内容

问题排查与解决

嘿,这问题其实一眼就能找到根源——你用错HTML标签啦!

<link>标签是专门用来加载**样式表(CSS)**的,你现在把它用来加载JavaScript文件,浏览器根本不会执行里面的代码,哪怕文件成功下载也没用。

正确的Blade代码写法

把<link>换成<script>标签,同时修正对应属性:

<script src="{{ asset('js/script.js') }}" defer></script>
  • 用src属性指定脚本文件路径(替换原来的href)
  • 保留defer完全没问题,它会让脚本在DOM解析完成后执行,不会阻塞页面加载
  • 删掉rel="stylesheet",这个属性只属于样式表标签

额外排查点(如果换标签后仍未生效)

  • 确认文件路径:Laravel的asset()函数指向项目根目录下的public文件夹,所以script.js必须放在public/js目录里,否则会返回404错误。
  • 强制刷新缓存:有时候浏览器会缓存旧的脚本文件,按下Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面。
  • 检查控制台错误:打开开发者工具(F12)切换到Console标签,看看有没有404(路径错误)或其他脚本语法报错。
  • 验证脚本内容:确保script.js里的console.log('test');没有被注释,语法完全正确。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.08 23:42:38