尽管更改和删除了样式,但Gatsby.js的全局样式仍然存在

问题描述

我正在研究一个浅色/深色主题组件,博客的背景和颜色属性会发生变化。但是,在执行代码后,尽管试图更改值,但仍然会应用相同的样式。我运行Gatsby干净,从global.css文件删除gatsby-browser.js导入,尝试使用其他浏览器,删除了css文件本身,甚至从gatsby-config.js文件删除插件,然后重新启动了dev服务器。

完成上述所有操作后,我用不同的十六进制颜色值重新创建了global.css文件,并且仍旧渲染了旧的十六进制值(已通过检查工具确认)。

有人对我应该尝试的其他方法有任何建议吗?我感觉好像正在缓存某些内容,因为如上所述,我可以更改global.css文件,切换主题,并且应用程序仍可以某种方式引用这些值。

我的global.css文件

.dark {
    background: #292929;
    color: #fff;
}

.light {
    background: #fafafa;
    color: #000000;
}

被导入为我的gatsby-browser.js

import './src/styles/global.css';

无论我是否删除导入,删除文件等,这些值在切换时都保持不变。

任何帮助将不胜感激!谢谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)