Question

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

BTW .. stylesheet.css与index.html AND index.js位于同一目录级别。为什么引导样式表被拾取而不是我的样式表呢？

  <!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自动加载所有样式表。我已经看到它建议将它们放在/ 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上是硬编码的，而不是由流星管理。我不推荐它，但是如果你想对你的样式表做同样的事情，你可以把它放在/ public文件夹中，并使用<link rel="stylesheet" href="/stylesheet.css" />。但Meteor旨在为您管理所有样式表，所以最好不要这样做。

最后，如果您想控制导入的订单样式表，您可以指定import '/client/stylesheet.css'; //从绝对路径导入CSS - 为清晰起见，请参阅此处：https://guide.meteor.com/structure.html#intro-to-import-export

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

1 个答案: