VS2022中React+ASP.NET Core项目TS2304错误及版本适配问题

核心原因 #

你的项目package.json指定了TypeScript 4.9.5，但Visual Studio 2022可能在使用内置的旧版TypeScript（4.3）进行类型检查，而ExtendableEvent类型是在较新版本的TypeScript中才内置支持的。

解决步骤 #

1. 让Visual Studio使用项目本地的TypeScript版本 #

• 打开Visual Studio 2022，依次点击 工具 > 选项 > 文本编辑器 > JavaScript/TypeScript > IntelliSense
• 在“使用TypeScript版本”下拉菜单中选择 使用工作区版本（如果可用）
• 重启Visual Studio，让设置生效

2. 确保项目依赖的TypeScript版本正确安装 #

• 删除项目根目录下的node_modules文件夹和package-lock.json（或yarn.lock）文件
• 打开终端，运行命令重新安装依赖：

  npm install
  

• 或者直接指定安装4.9.5版本：

  npm install typescript@4.9.5 --save-dev
  

3. 补充缺失的类型定义 #

如果上述步骤后仍报错，可能是类型库未包含Web Worker相关类型：

• 打开项目的tsconfig.json，在compilerOptions的lib数组中添加"WebWorker"：

  {
    "compilerOptions": {
      // 其他配置...
      "lib": ["ESNext", "DOM", "WebWorker"]
    }
  }
  

• 或者安装专门的Service Worker类型包：

  npm install @types/service-worker --save-dev
  

4. 清理Visual Studio缓存 #

• 关闭Visual Studio，删除项目根目录下的隐藏.vs文件夹
• 重新打开项目，加载最新的依赖和配置

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