styles.css 在反应和 node.js 应用程序中仅应用于一页

Question

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

my.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 文件开头的注释。

Answer 1

需要通过import语句在ReactJS中包含styles：

import './css/component.css';

在此处查看完整示例

还有一个 React 文档“添加样式表”

Answer 2

正如StepUp所指出的那样，这不是必需的。 因此，您可能应该将它们与 JavaScript import语句一起使用。

您的 css 在哪里？ 文件名正确吗？