反应css模块入门

Question

我正在设置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;
}

我按照setup instructions for webpack安装：

• 式装载机
• CSS-装载机
• 将加载程序添加到webpack.config.dev.js

当我导航到这个页面时，我得到一个神秘的错误：

  

未捕获的TypeError：type.toUpperCase不是函数

我尝试了webpack demo。语法不同，所以对我来说不是很有用。