在使用.module.css中，样式不起作用

Question

我对React中的模块有问题！我已经将所有CSS文件转换为.Module，并且通常建议在React中进行。但是，当翻译单个文件时，样式不起作用，尽管如果您转换为原始CSS，则所有内容都会归一化。告诉我，有什么问题？

的JS文件

import React from 'react';
import style from './postListItem.module.css';

const PostListItem = (data) => {
const { label, onDelete, onToggleImp, onToggleLike, important, like } =
    data;

let classNames = `${style.appListItem} d-flex justify-content-between`;

if (like) {
    classNames += ' like';
}

if (important) {
    classNames += ' important';
}

return (
    <div className={classNames}>
        <span onClick={onToggleLike} className= {style.appListItemLabel}>
            {label}
        </span>
        <div className="d-flex justify-content-center align-items-center">
            <button
                type="button"
                className="btn-star btn-sm"
                onClick={onToggleImp}
            >
                <i className="fa fa-star"></i>
            </button>

            <button
                type="button"
                className="btn-trash btn-sm"
                onClick={onDelete}
            >