import itemStyles from ‘…/…/css/ctmItem.css’
css模块化后,报错,输出 itemStyles,发现其的不是对象,而是数组
模块化的调用
import itemStyles from '../../css/ctmItem.css'
//console.log(itemStyles.box)
//console.log(itemStyles)
//console.log(itemStyles.body)
export default function CommentItem(props) {
return <div className={itemStyles.box}>
<h1 className={itemStyles.title}>评论人:{props.user}</h1>
<h2 className={itemStyles.body}>评论内容:{props.content}</h2>
</div>
}
模块化不成功,把调用中的注释去掉
console.log(itemStyles.box)
console.log(itemStyles)
console.log(itemStyles.body)
看看输出的itemStyles是不是一个对象
如果模块化后的 itemStyles输出的不是对象,而是数组,记得将style-loader也引用上,就可以了。
我的例子
如下数组console.log(itemStyles.box)输出的是undefined,className={itemStyles.title}当然不成功了。
加上style-loader后变成对象后,就成功啦!!!