VSCode中React JSX的IntelliSense失效：event.preventDefault()无自动补全

关键配置修改项 #

1. 启用JavaScript类型检查 #

添加以下配置，让TypeScript语言服务能识别JSX中event的类型，从而触发方法补全：

"javascript.implicitProjectConfig.checkJs": true,
"javascript.implicitProjectConfig.jsx": "react"

2. 优先使用Nightly扩展的语言服务 #

因为你已经启用了JavaScript and TypeScript Nightly扩展，添加配置确保它替代默认服务：

"typescript.tsdk": "node_modules/typescript/lib",
"typescript.enablePromptUseWorkspaceTsdk": true,
"javascript.preferences.includeCompletionsForModuleExports": true

如果项目没本地安装TypeScript，Nightly扩展自带的版本也能正常工作。

3. 调整Emmet语言关联避免冲突 #

你的emmet.includeLanguages里把javascript映射为javascriptreact可能干扰语言服务识别，建议修改为：

"emmet.includeLanguages": {
  "django-html": "html",
  "javascriptreact": "javascriptreact",
  "edge": "html",
  "vue-html": "html",
  "vue": "html"
}

如果你的JSX代码写在.js文件里，可以保留"javascript": "javascriptreact"，但必须配合第一步的类型检查配置。

额外排查动作 #

• 重启VSCode让配置生效
• 确认右下角状态栏显示当前文件语言为JavaScript React（不对的话手动切换）
• 暂时禁用其他可能冲突的React相关扩展测试

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