VSCode中JSX属性建议功能失效 仅元素补全正常如何修复

以下为可逐一验证的修复步骤：

• 检查内置语言服务插件状态
  Emmet仅提供JSX标签补全能力，React/HTML属性补全依赖VSCode内置的TypeScript and JavaScript Language Features插件。打开插件面板，搜索@builtin TypeScript and JavaScript Language Features，确认该插件处于启用状态，若被手动禁用请重新启用后重启编辑器。
• 校验补全相关配置项
  打开全局settings.json文件，确认以下配置未被关闭：

  // 启用编辑器属性提示
  "editor.suggest.showProperties": true,
  // 启用JS/TS语法提示能力
  "javascript.suggest.enabled": true,
  "typescript.suggest.enabled": true,
  // 开启JSX属性自动补全
  "javascript.preferences.jsxAttributeCompletionStyle": "auto"
  

• 排查冲突插件与工作区配置
  临时禁用所有第三方插件后测试补全是否恢复，若恢复则逐一启用插件定位冲突项；同时检查当前项目.vscode/settings.json中是否存在覆盖全局补全规则的配置。
• 新增项目配置文件（纯JS React项目适用）
  若项目未配置jsconfig.json，在根目录新增该文件并添加以下内容：

  {
    "compilerOptions": {
      "jsx": "react-jsx",
      "target": "ESNext"
    },
    "include": ["src/**/*"]
  }
  

  配置完成后重载窗口即可生效。
• 重载或清理缓存
  呼出命令面板执行「开发人员: 重新加载窗口」，若仍无效可清理VSCode本地缓存后重启编辑器。

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