Firebase 部署的站点未运行 Javascript答案

【问题标题】：Firebase deployed site not running JavascriptFirebase 部署的站点未运行 Javascript
【发布时间】：2021-05-16 16:51:37
【问题描述】：

我用 HTML、CSS、JS、JQuery 创建了一个简单的网站，并将其部署在 firebase 上。该网站实现了 Pagepiling.js (https://alvarotrigo.com/pagePiling/)。它在本地运行得非常好，当我托管在 000webhost 上时，但是一旦部署在 firebase 上，javascript（不仅仅是分页，而且所有 js 都不起作用）不起作用。我不确定问题是什么。该网站是https://mkcapture.com/

【问题讨论】：

标签： javascript jquery firebase firebase-cloud-messaging firebase-hosting

【解决方案1】：

长话短说，仅当您使用 Firebase 托管时，您才需要通过 HTTPS 下载所有资源。这是我访问您的网站时控制台显示的内容：

将 URL 协议更改为 https:// 以解决此问题。我相信是 PagepilingJS 需要它并尝试导入此脚本，在这些文件中的 IDE 中找到 URL 并替换为 https。然后 URL 应该类似于：https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

您可以阅读有关仅通过 http 使用资源的其他替代方案here

【讨论】：

【解决方案2】：

请使用 HTTPS 更新 jquery 的链接

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这个标签应该在你的 HTML 代码中更新

http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js - 来自您的网站 https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

在 chrome 浏览器中按 F12 打开开发者工具时可以看到。

【讨论】：