模块化CSS样式不起作用

Question

我已经使用create-react-app创建了样板react create-react-app 。

现在，在我的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 module config文件。

我究竟做错了什么？

Answer 1

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