React - 为什么找不到我的样式表？错误 404

Question

这是我的根 HTML 文件。如您所见，从 Bootstrap 获取样式没有问题（此功能工作正常）。当我在浏览器中打开 index.html localhost:8080（运行服务器通过 webpack 命令）时，找不到样式表！这是我不明白的事情。请帮忙。谢谢。

BTW.. stylesheet.css 与 index.html 和 index.js 处于同一目录级别。为什么选择了 bootstrap 样式表而不是我的样式表？

  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Weather App</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  <link rel="stylesheet" href="stylesheet.css" />
</head>
<body>
  <div id="root">

  </div>
</body>
</html>

Answer 1

Meteor 自动加载所有样式 sheet。我看到有人建议将它们放在 /client/stylesheets 或 /imports/ui/css 文件夹中。

你不需要输入 <link rel="stylesheet" href="stylesheet.css" /> 。尝试删除该行，看看是否可以看到您的样式已应用于您的页面。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 对您有效的原因是它是从外部地址加载的。它在您的 html 上进行了硬编码，并且不受 meteor 管理。我不推荐它，但是如果你想用你的样式 sheet 做同样的事情，你可以把它放在 /public 文件夹中，然后使用 <link rel="stylesheet" href="/stylesheet.css" />。但 Meteor 旨在为您管理所有样式 sheet，因此最好不要这样做。

最后，如果你想控制订单样式 sheet 被导入，你可以指定 import '/client/stylesheet.css'; // 从绝对路径导入 CSS - 看这里清楚：https://guide.meteor.com/structure.html#intro-to-import-export

React - 为什么找不到我的样式表？错误 404

React - Why is my stylesheet not found? Error 404

css

node.js

http-status-code-404

npm

reactjs