尽管编译正确，但 CSS 模块导入不起作用答案

【问题标题】：CSS modules importing doesn't work despite the righ compilation尽管编译正确，但 CSS 模块导入不起作用
【发布时间】：2021-01-06 06:00:56
【问题描述】：

我在导入 css 模块以响应组件时遇到问题。

import React from 'react'
import styles from '../App.css'

const Button = () => (
    ... className={styles.button}...
)

export default Button;

没有编译错误之类的东西。一切似乎都是正确的，但是当我运行服务器按钮时，默认情况下看起来没有 css。

【问题讨论】：

【解决方案1】：

你需要使用模块 css 必须有名称 App.module.css

然后导入

import React from 'react';
import styles from './App.module.css';

并使用className={styles.button}

【讨论】：

【解决方案2】：

问题可能出在您的 webpack 配置中 - 请分享

在css-loader options 中，确保将 modules 选项设置为 true

【讨论】：