公共CSS在React中的另一个页面中不起作用

Question

我在public/index.html上有一个公共CSS，我是这样使用它的：

<link rel="stylesheet" href="assets/css/style.css" />

资源/css/style.css也在公共文件夹中。它在我的主页上工作得很好，但在我的第二页上就不行了。这里出了什么问题？感谢您的帮助！

Answer 1

您应该使用像import './assets/css/style.css';这样的ES6导入语句

如果您正在使用像react这样的框架/库，那么不要将样式表链接标记添加到HTML文件中。

Answer 2

步骤:1-让你在src/assets/css中保持style.css

步骤:2-从public/index.html中删除<link rel="stylesheet" href="assets/css/style.css" />

步骤:3-在src/index.js中使用import语句导入样式，如下所示：

import './assets/css/style.css';