在 react 和 node.js 应用程序中，styles.css 并未仅应用于一页

Posted 2023-02-22

【中文标题】在 react 和 node.js 应用程序中，styles.css 并未仅应用于一页

【英文标题】：styles.css is not being applied to only one page in react and node.js app

【发布时间】：2021-07-18 15:07:49

【问题描述】：

所以我有一个内置 react 并使用 node.js 的网站，所有页面都正确加载，但一个，它没有正确加载 css，我不知道为什么。 另一个有趣的事情是它也不存在于开发者工具中，Firefox 和 Google。

我的 .html 文件中的以下内容

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

当我在本地主机上加载我的项目时，我得到了这个错误。

The stylesheet http://localhost:3001/product/styles.css was not loaded because its MIME type, "text/html", is not "text/css".

如果有人可以提供帮助，那就太好了，因为我似乎不知道为什么。 注意：我从我的 css 文件的开头删除了 cmets。

【参考方案1】：

需要通过import声明在ReactJS中包含样式：

import './css/component.css';

See a complete example here

还有一个 React 文档"Adding a Stylesheet"

【讨论】：

感谢@StepUp 这行得通，我还想为看到这个的其他人添加，如果您使用引导程序，某些值可能无法正确传递，因此请仔细检查是否存在一致性在语法上。因为这不会导致错误。

@Joshua 很高兴它对你有所帮助！:)

【参考方案2】：

StepUp 指出没有必要。因此，您可能应该将它们与 javascript import 语句一起使用。 你的css在哪里？文件名正确吗？