发出在react组件中导入css文件的问题

Question

我遇到了这个代码的问题：

Import styles from '.treeView.css'

React.createClass({
   render(
     <div styleName={styles.treeNode>some text </div>
   );
});
})

我的css是：

.treeNode { color:red }

使用css-loader运行webpack时运行正常。但是，我不能再运行导入上述组件的测试，因为它抱怨 “意外令牌”从css文件的第1行开始。

我在package.json中的npm测试行是

mocha './src/**/*.tests.js' --compilers js:babel-core/register

我不确定这是否是我的babel设置无法解析css文件的问题。

感谢任何帮助。

Answer 1

应该是

<div styleName={styles.treeNode>some text </div>但不是

unstable sort