javascript - 模块化 CSS 样式不起作用

Question

我使用 create-react-app 创建了一个样板 React 应用程序。

现在，在我的 App.js 文件中

import classes from './App.css';

我做到了

<div className={classes.App}>
      <Cockpit 
        showPersons = {this.state.showPersons}
        persons = {this.state.persons}
      />
      {persons}
</div>

但是 syles 没有得到应用。

我的 App.css 看起来很基础。

.App {
  text-align: center;
}

我的控制台没有错误。 我也看不到任何 webpack 模块配置 文件。

我做错了什么？

Answer 1

我发现了错误。 要在 React 中使用模块化 CSS 样式，您需要弹出 webpack 配置设置。