Module.css 在 React 中不起作用。因此 css 也无法继续。请回复

Posted

技术标签:

【中文标题】Module.css 在 React 中不起作用。因此 css 也无法继续。请回复【英文标题】:Module.css is not working in React.So css can't proceed either. Please reply 【发布时间】:2021-10-23 01:14:44 【问题描述】:

首先,我与 RCA 做了一个项目。我使用了 CSS 模块。 一开始很顺利,但突然出现了问题。

如上图,给div标签赋值了classname,但是在开发者窗口出现了无法应用的问题。

它是蓝色突出显示的部分。 这就是我在 css 上的工作方式,但它突然开始不起作用。 请评论如何解决它。

【问题讨论】:

规则集为空时不会出现在DOM中,你确定.contain里面有样式吗? 感谢您的回答。指定类名的时候,不知道如果没有样式,就不能指定类名。我今天学到了一些东西。再次感谢您。 没关系,很高兴你学到了一些东西! 【参考方案1】:
 Import styles from  './header_Module.css'. 

不是这样 从 './header.Module.css' 导入样式。

好的,我知道了,重命名你的 css 文件名。 header.module.css 正在制造您的问题。

【讨论】:

我遇到了你的问题。现在检查一下

以上是关于Module.css 在 React 中不起作用。因此 css 也无法继续。请回复的主要内容,如果未能解决你的问题,请参考以下文章

Html 自动完成输入在 React 中不起作用

为啥 destroyOnClose=true 在 React 中不起作用

媒体查询在 React 中不起作用

Lodash debounce 在 React 中不起作用

event.preventDefault() 在 React 中不起作用

SVG 的 tabIndex 在 IE 和 React 中不起作用