Question

刚刚做了一个网页，在将它部署到 Github 页面后（在那里一切正常，完美运行）我意识到本地版本不再应用 CSS（它仍然显示页面，但没有任何样式）。它之前工作得很好。我所做的唯一一件事就是部署它，从那一刻起，即使在 index.html 文档中链接了本地页面，也没有应用 CSS。

我错过了什么吗？这是应该发生的吗？

我之前在另一个网站上做过这个，但没有发生。

现在我害怕如果我对本地文件进行更改并将其推送到 github，它会将一切搞砸，所以我在 github 网页上进行了更改以防万一。

我不知道它是否相关，但它是一个 React 应用。

这是我的文件结构： Files structure

我的 HTML 如下所示：

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Drum machine</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Rubik&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div id="root" class="container-fluid"></div>
    <script src="../src/index.js"></script>
  </body>
</html>

Answer 1

尝试编写代码

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

将网站部署到 Github 页面后，CSS 未在本地应用

1 个答案: