Le module CSS ne fonctionne pas dans la réaction 16.13.1

Je veux styler des composants dans réagir JS. J'ai essayé plusieurs façons de faire ça. Lorsque j'essaie de créer un objet CSS et de l'appliquer au composant dans le même fichier JS, il fonctionne. Mais lorsque j'essaie d'appliquer CSS du fichier CSS externe et de l'importer dans le fichier JS, il ne fonctionne pas. Et j'ai également essayé de sauvegarder ce fichier comme fileName.module.css code>. Mais cela ne m'a pas aidé.

La liste des modules de noeuds installés et leurs versions sont donnés ci-dessous. P> xxx pré>

in webpack.config.js Code> Fichier de réacteur-script code> Module, j'ai trouvé ci-dessous Code: p> xxx pré>

donc je suppose que mon projet de réact prend en charge des fichiers CSS ainsi que des SCSS et des fichiers sass. Ai-je compris correctement? P>

header.module.css code> fichier: p> xxx pré>

Header.js code > Fichier: P>

import React from 'react';
import { Button } from '@material-ui/core';
import styles from './header.module.css';

export default class Header extends React.Component {
    render() {
        return (
            <div>
                <span className={styles.headling}>Heading element</span>
                <Button className={styles.navButton}>Home</Button>
                <Button className={styles.navButton}>About</Button>
            </div>
        );
    }
}