Firebase 工具错过了在本地测试模式下将我的 Js 文件作为 HTML 文件发送

Question

目前我使用 firebase-hosting 和 firebase-database 来部署静态页面网络应用程序。我在测试本地托管时遇到问题。我的两个 Js 文件之一，modules.js和main.js，作为 html 文件发送。所以在我的客户端浏览器 (Firefox) 中，控制台总是出现这个错误：Uncaught SyntaxError: expected expression, got '<'我试图更改headersFirebase 配置中的项目："headers": [    {        "source": "**/*.@(js)",        "headers": [            {                "key": "Content-Type",                "value": "application/javascript; charset=utf-8"            }        ]    }]即使标头已更改，该文件仍提供 HTML 内容。（在网络选项卡中，它说 js，但它的响应仍然是 html 内容，而不是 js 内容。）当然，我也重新启动了本地服务器。我还在开发工具中禁用缓存以确保我的浏览器继续下载最新文件。剩下的唯一选择是重新启动整个计算机。但就算能修好。我仍然想知道为什么会这样。

Answer 1

当您重写单页应用程序时通常会发生这种情况（例如{"source": "**", "destination": "/index.html"}，您的<script>标签具有无效的srcURL，因此index.html改为提供。

我会检查以下问题：

1. js/modules.js您是否使用来自非根 URL 的相对路径（例如）？

2. 您是否完全匹配输出文件的大小写？

3. 当您尝试通过 URL 直接访问 JS 文件时会发生什么？

同样，问题不在于 JS 文件作为 HTML 提供，而是在找不到 JS 时提供默认的 HTML 文件。