Javascript css文件更改会影响整个应用程序,而不是特定的模型

Javascript css文件更改会影响整个应用程序,而不是特定的模型,javascript,css,reactjs,Javascript,Css,Reactjs,我在react应用程序中使用css的方式如下: import styles from "./register.module.css"; <div className={styles.banana}> Hello </div> 从“/register.module.css”导入样式; 你好 今天我对我的一个css模块做了一些更改,并意识到它改变了整个应用程序。例如,如果我在一个css文件中将margin top添加到,它将更改整个应用程序中的所有,即使其他模型甚至没有

我在react应用程序中使用css的方式如下:

import styles from "./register.module.css";

<div className={styles.banana}>
Hello
</div>
从“/register.module.css”导入样式;
你好
今天我对我的一个css模块做了一些更改,并意识到它改变了整个应用程序。例如,如果我在一个css文件中将margin top添加到
,它将更改整个应用程序中的所有
,即使其他模型甚至没有导入此css文件


出现此问题的原因可能是什么?

您使用的是什么模块绑定器
webpack
或create react app中的内容?我相信我使用的是create react app附带的默认版本。我可能已经安装了webpack,但就我所知,我还没有更改模块绑定器,
react脚本的版本是什么?显然支持它。我也知道这听起来可能很愚蠢,但尝试将文件重命名为第一个大写字母。
Register.module.css
您对大写字母的建议无效。我有最新的react版本您使用的是什么模块绑定器
webpack
或create react app
中的内容?我相信我使用的是create react app附带的默认版本。我可能已经安装了webpack,但就我所知,我还没有更改模块绑定器,
react脚本的版本是什么?显然支持它。我也知道这听起来可能很愚蠢,但尝试将文件重命名为第一个大写字母。
Register.module.css
您对大写字母的建议无效。我有最新的版本