在Google Chrome中运行本地代码时出现错误求助
2026-8-9
Chrome本地运行代码报错：app.js 500错误及MIME类型问题
问题根源
错误信息显示请求的是http://127.0.0.1:5500/app.js/（末尾带斜杠），服务器将其识别为目录而非JS文件，返回了HTML格式的错误页面（MIME类型为text/html）。Chrome的严格MIME类型检查会拒绝执行非JS类型的脚本，因此报错；而Safari对MIME类型的校验更宽松，所以能正常运行。同时500内部错误说明服务器处理该路径时出现异常，大概率是路径对应的资源不存在。
解决步骤
- 确认
app.js文件和HTML文件在同一目录，文件名完全匹配（注意大小写，Chrome本地服务器环境下大小写敏感）。 - 检查本地服务器（比如Live Server）的配置，避免把
app.js误解析为目录。可以尝试重启服务器，或者重新导入项目文件夹。 - 清理Chrome浏览器缓存，或用无痕模式测试，排除地址栏参数（
?task=#）导致的路径解析异常。 - 打开
app.js文件，确认内容是有效的JavaScript代码，没有语法错误或文件损坏。
额外排查
如果上述方法无效：
- 打开浏览器开发者工具→网络标签，查看
app.js请求的返回内容，确认是不是HTML错误页面。 - 直接在地址栏访问
http://127.0.0.1:5500/app.js（去掉末尾斜杠），看能否正常加载JS文件。
内容的提问来源于stack exchange，提问作者hailtree2
相关产品推荐
相关产品推荐
