我正在设置react-css-modules。在自述文件之后,我添加了两个文件:
cssModulesDemoPage.js
import React from 'react';
import CSSModules from 'react-css-modules';
import styles from './cssModulesDemoPage-style.css';
//I am not familiar with decorators. I dont know
//That I used this properly
@CSSModules(styles)
export default class extends React.Component {
render () {
return <div styleName='table'>
<div styleName='row'>
<div styleName='cell'>A0</div>
<div styleName='cell'>B0</div>
</div>
</div>;
}
}
cssModulesDemoPage-style.css
.table {
}
.row {
}
.cell {
color: red;
}
我按照webpack安装的设置说明进行操作:
- 样式加载器
- CSS加载器
- 将加载器添加到 webpack.config.dev.js
当我导航到此页面时,我收到一个神秘的错误:
未捕获的 TypeError:type.toUpperCase 不是函数
我尝试按照webpack 演示。语法不同,所以对我来说不是很有用。