首页 > 解决方案 > 尝试上网时不显示索引内容

问题描述

我成功部署了网站(我知道是因为标签上显示了徽标图标,并且我仔细按照步骤操作),但我的网站内容不会显示。这是我第一次这样做,我很确定这是一件小事,但我已经被困了好几天了。它可能在我的 index.html 中。我正在使用角度和火力。请帮忙!

我查看了教程,当然还有 firebase 文档。似乎这是一个 sdk 问题,或者可能是我的 index.html 末尾的脚本标签。

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>F2I</title>
  <base href="https://[" f2ifrance.firebaseapp.com/"> <meta name="viewport"
content="width=device-width, initial-scale=1">
  <!-- <base href="/"> -->
  <link rel="stylesheet" href="https://unpkg.com/bs-stepper/dist/css/bs-stepper.min.css">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<body>

  <app-root></app-root>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">

  <!-- firebase hosting SDK -->
  <script src="/__/firebase/init.js"></script>
  <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->
  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
  <script src="/__/firebase/7.0.0/firebase-app.js"></script>

  <!-- Add Firebase products that you want to use -->
  <script src="/__/firebase/7.0.0/firebase-firestore.js"></script>
  <script src="/__/firebase/7.0.0/firebase-storage.js"></script>

</body>

</html>

我快到了……我只需要看看内容。这是我在控制台上遇到的错误,当然我用谷歌搜索了它,但找不到答案。非常感谢任何可以提供帮助的人。

未捕获的错误:托管/初始化错误:未检测到 Firebase SDK。您必须在 /__/firebase/init.js 之前包含它

标签: javascriptfirebase

解决方案


错误消息中的答案是正确的:您包含init.js在 Firebase SDK 之前。尝试这个:

  <script src="/__/firebase/7.0.0/firebase-app.js"></script>
  <script src="/__/firebase/init.js"></script>

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

推荐阅读