出现 Visual Studio Code 错误时保存 React 文件通常是由于一些语法错误或配置问题导致的。以下是一些可能的解决方法，包括代码示例：

1. 检查语法错误：确保代码中没有语法错误，例如拼写错误、缺少分号或括号不匹配等。这些错误可以导致编辑器无法正确解析代码，从而引发错误。在保存文件之前，确保代码没有任何语法错误。

2. 检查配置文件：检查项目中的配置文件，例如 .eslintrc、.prettierrc 或 .babelrc 等。这些配置文件可能包含一些规则或设置，可能与保存文件时出现的错误有关。

3. 使用 ESLint 和 Prettier：安装并配置 ESLint 和 Prettier，以确保代码遵循一致的代码风格和规则。在 Visual Studio Code 中，可以使用相应的插件，并在项目根目录下创建 .eslintrc 和 .prettierrc 文件。以下是一个示例的 .eslintrc 配置文件：

{
  "extends": ["eslint:recommended", "plugin:react/recommended"],
  "plugins": ["react"],
  "rules": {
    "react/prop-types": "off"
  },
  "parserOptions": {
    "ecmaVersion": 2020,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  }
}

4. 更新相关插件和扩展：确保你的 Visual Studio Code、React 相关插件和扩展都是最新版本。有时，旧版本的插件可能与最新的 React 版本不兼容，从而导致保存文件时出现错误。

5. 检查错误信息：当保存文件时，Visual Studio Code 通常会提供错误提示和相关的错误信息。仔细阅读错误信息，以确定导致错误的原因，并根据错误信息进行相应的修复。

希望上述解决方法可以帮助你解决保存 React 文件时出现的 Visual Studio Code 错误。记得在尝试解决方法之前，及时备份你的代码。