Babel/JS与React中文字全白问题求助：如何修改文字颜色？

• 排查样式来源：按F12打开浏览器开发者工具，选中白字元素，在「Styles」面板查看color属性，找到被继承或覆盖的样式规则，定位问题CSS文件或选择器。
• 强制设置元素颜色
  • 内联样式（快速生效）：

    <div style={{ color: '#333' }}>需要显示的内容</div>
    

  • CSS类绑定（推荐，便于维护）：
    先在CSS文件定义类：

    .normal-text {
      color: #333;
      /* 若有样式冲突，可临时添加!important强制覆盖 */
      /* color: #333 !important; */
    }
    

    再在React组件中绑定：

    <div className="normal-text">需要显示的内容</div>
    

• 排除缓存与依赖问题
  • 按Ctrl+Shift+R强制刷新页面，清除浏览器缓存；
  • 重启本地开发服务器，排查是否是热更新异常导致；
  • 查看package.json依赖版本，若有自动更新的依赖，回退至之前正常版本测试。
• 检查组件逻辑：确认组件中是否有动态切换文字颜色的逻辑，排查状态值是否意外触发了白色样式。

内容的提问来源于stack exchange，提问作者dadu