Skip to content

JavaScript 未加载

快速摘要

你的 JS 文件没被浏览器加载——可能是路径错、被 CSP 拦截，或脚本里有语法错误导致后续没执行。

为什么发生

  • <script src> 路径错误，文件 404

  • 脚本里有语法错误，解析失败，整个文件没执行

  • CSP（Content-Security-Policy）设置了 script-src，阻止了该脚本

  • 脚本加载顺序错误，依赖的库还没加载就执行了

最小示例

✗ 错误代码
<script src="/js/app.js"></script>
✓ 修复代码
<script src="/assets/js/app.js" defer></script>

实际文件在 /assets/js/app.js，路径写错就 404。修正路径并加 defer 让它在 DOM 解析完后执行。

如何诊断

  • 在 Network 面板查看该 JS 文件的状态码，确认是否 200

  • 在 Console 查看是否有语法错误或 CSP 拦截信息

  • 检查 script 标签的 src 路径和加载顺序

如何修复

  • 修正 src 路径，确保文件能被正确加载

  • 修复脚本里的语法错误，让文件能正常解析

  • 调整 CSP 策略，允许该脚本来源；或用 defer/async 控制加载顺序

如何预防

  • 使用构建工具自动管理脚本路径和加载顺序

  • 用 ESLint 在编码时捕获语法错误

相关资源

相关术语

相关课程

相关练习

← 返回语言