页面刷新，样式修改无效，但是不手动刷新，热更新后是正常的

Question

<layout.header className={styles.header}></layout.header>
./Header.modules.css文件：
.header{ height:auto }

组件默认的高度是64px，我设置了一个header的样式，然后高度修改为auto。修改完保存后，项目自动热更新，看浏览样式是生效的。但是我点击浏览器的刷新按钮，刷新后的界面，header高度又变成组件默认的64px，自己设置的auto则不生效，但是className是存在的（Header_header_hash），仅仅样式不生效。

请问这是什么问题？

Answer 1

阿莱克斯刘 2021-06-14 09:24:19

热更新似乎对css文件不起作用，说实话以前也没太在，无非多按一次刷新嘛。。。😂

• 提问者 Boy越越 #1

  不是，相反的，浏览器刷新css不起作用，但是每次修改完CSS保存后的热更新是有效的

• 阿莱克斯刘 #2

  是我理解错了，不好意思。不过因为没看到你的代码，所以我只能推测。估计是你的更改只是局部修改，而热更新的本质只是局部热更新，所以热更新以后你的新style就起效量。但是当你刷新以后，由于css冲突，全局style会重新夺回控制权，于是你的更新反而失效了。