Javascript CSS模块与普通CSS在React中更改页面背景

编辑：被接受的答案帮助我解决了这个问题。这是正确的，所以我接受了。但是我正在导入包含

body

标记的模块，而没有使用它

从“/App.module.css”导入样式//包括正文标签

样式

没有在代码中的任何地方使用，所以我认为WebPack没有包含它。如果我对那个模块做了什么的话，body标签就包括在内了，而且它起作用了<代码>允许包含

正文

CSS

正如回答者在评论中所说，这可能是由于打字脚本造成的

---

我使用

create react app

制作了一个应用程序。我在我的组件中使用CSS模块。我试图找出如何使用CSS模块使页面的整体背景颜色不同

我想应用背景色：#121212到整个背景

我正试图找出如何应用这种风格，现在似乎需要将它应用到

body

标记上

应用于

App.tsx

的任何样式仅影响该组件所占用的容器（背景仅为

App

组件底部着色，其下方为白色）

现在

index.css

包含

body {
  ...
  background-color: #121212;
}

这个很好用。我想使用模块，但我不知道如何导入这种风格

我将在哪里导入由

create react app

with Webpack创建的

index.tsx

文件中的样式

---

ReactDOM.render（，document.getElementById（'root'）

打开一个

.module.css

文件，然后粘贴以下内容：

body {
    background-color: red;
}

CSS模块与CSS文件一样，由

Webpack

导入并全局应用

如果只想为

body

标记创建另一个

.module.css

，则可以创建一个新模块，例如，

MyModule.module.css

并粘贴上述代码。然后，将此新模块导入您的

tsx

文件之一

您不需要对其执行任何操作，只需按如下方式导入：

import myStyles from "./MyModule.module.css";

---

哇！谢谢我试过这个，但它没有被导入，因为我猜它没有被使用。所以，如果我从未使用过

myStyles

，那么Webpack似乎不会导入它。但是如果我使用

myStyles.Anything

在我的代码中，它就会工作并导入

body

。但是，我从

.js

文件导入了

MyModule.module.css

。可能与

TypeScript

有关@柴油机这对next.js不起作用，您必须使用

使其工作。