React项目连接后端后出现stylelint的CssSyntaxError错误如何解决？

我正在开发一个React前端应用，添加后端文件并尝试连接前后端后，所有页面均出现如下错误：

Unknown word (CssSyntaxError)stylelint(CssSyntaxError)

• 检查stylelint配置：确认.stylelintrc或stylelint.config.js里的规则是否正确，若使用CSS-in-JS方案（如styled-components），需确保已安装对应插件（如stylelint-config-styled-components）并在配置中启用。
• 排除后端文件扫描：新增的后端文件可能被stylelint误扫描，在配置的ignoreFiles中添加后端目录或后缀，示例：

  {
    "ignoreFiles": ["server/**/*", "*.config.js"]
  }
  

• 排查样式文件语法：检查所有样式文件（CSS/SCSS等）是否存在语法错误，比如遗漏分号、括号不匹配、使用未被识别的语法特性，重点排查前后端连接后修改过的样式文件。
• 重置依赖：删除node_modules和package-lock.json/yarn.lock，重新执行npm install或yarn install，确保stylelint及相关依赖版本兼容。
• 排查编辑器插件问题：如果是编辑器（如VS Code）提示的错误，更新stylelint插件版本，或禁用后重新启用，排查缓存问题。

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