javascript - chrome 在 react 中缓存旧样式

Question

我必须使用的文件设置有一个错误，有时样式未更新或以前版本的样式仍应用于应用程序。

究竟会发生什么：

1. 我更新了一种风格（比如将颜色从蓝色更改为红色）
2. 它在浏览器中更新（项目现在是红色的）
3. 我重新启动服务器
4. 样式恢复到我更新之前的版本（项目又是蓝色的）
5. 有时刷新一次或两次窗口后，新样式会被应用（有时项目再次变为红色）
6. 有时在项目的其他部分工作了一段时间后，错误消失了

我还没有找到它何时发生的模式。我的 scss 文件中的内联样式和样式都会发生这种情况。

我试过的：

1. 禁止 chrome 保留来自 'localhost:3000' 的数据
2. 在我的应用中禁用服务器端渲染
3. 重建我的捆绑
4. 发生在开发和生产构建中

设置有点过时，但不幸的是，我必须使用它。

相关包是

"webpack": "^4.25.1",
"react": "^16.8.4",
"node-sass": "^4.10.0"

标签： javascriptcssreactjs