Firebase：在 Firebase 上托管网站时无法访问 css 和 js 文件。得到这个错误：GET net::ERR_ABORTED答案

【问题标题】：Firebase: Can't access css and js files while hosting a website on Firebase. Get this error: GET net::ERR_ABORTEDFirebase：在 Firebase 上托管网站时无法访问 css 和 js 文件。得到这个错误：GET net::ERR_ABORTED
【发布时间】：2018-05-29 07:12:42
【问题描述】：

我试图在 Firebase 上托管一个已有的项目，该项目已经有一个 css 和 js 文件。但它似乎没有将我的 css 和 js 文件包含到网站中。
我遵循了所有这些步骤： https://www.youtube.com/watch?v=meofoNuK3vo&index=21&list=PLl-K7zZEsYLmnJ_FpMOZgyg6XcIGBu2OX

项目目录现在如下所示：
\public（文件夹）（包含：index.html 404.html）

\css（文件夹）（包含：style.css）

\js（文件夹）（包含：index.js）

firebase.json

.firebaserc

这里是网站：https://together-cb.firebaseapp.com/

索引文件如下：

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../css/style.css">

    <!-- update the version number as needed -->
    <script defer src="/__/firebase/4.8.0/firebase-app.js"></script>
    <!-- include only the Firebase features as you need -->
    <script defer src="/__/firebase/4.8.0/firebase-auth.js"></script>
    <script defer src="/__/firebase/4.8.0/firebase-database.js"></script>
    <script defer src="/__/firebase/4.8.0/firebase-messaging.js"></script>
    <script defer src="/__/firebase/4.8.0/firebase-storage.js"></script>
    <!-- initialize the SDK after all desired features are loaded -->
    <script defer src="/__/firebase/init.js"></script>

    <script src="/__/firebase/4.8.0/firebase.js"></script>

    <script src="../js/index.js"></script>
  </head>
  <body>
    <div class="main-view">
    ....
    </div>
  </body>
</html>

【问题讨论】：

我不知道这是否是问题所在，但您混淆了脚本包含的形式。在使用 Firebase 托管时，您可以使用“/__/...”形式的包含，或您使用 gstatic URL（不使用托管时需要）。不是都。有关说明，请参阅文档。 firebase.google.com/docs/web/setup
另外，当您从顶级 index.html 中包含 ../js/index.js 时，您期望会发生什么？在这种情况下.. 去哪里？
我修复了脚本包含的形式。我没有帮忙。对于您的问题：我猜它会从“public”（index.html 所在的位置）返回到父文件夹（我将其命名为“together”）。然后从那里它可以去任何我想要的“js”文件夹或“css”文件夹。

标签： javascript html css firebase firebase-hosting

【解决方案1】：

我遇到了同样的问题，但我在我的 body 标签下方添加了这一行，它解决了。

<script src="/__/firebase/6.1.1/firebase-firestore.js"></script>

另外，您可以在此处查看说明 https://firebase.google.com/docs/web/setup

【讨论】：

【解决方案2】：

确保您的所有资产（css、js、img）和 html 都在 /public 中

【讨论】：