2

我正在设置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 演示。语法不同,所以对我来说不是很有用。

4

0 回答 0