css模块化后，报错，输出的 itemStyles,发现不是对象，而是数组

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后变成对象后，就成功啦！！！