React项目中VSCode配置jsconfig.json后仍报window类型错误

这个问题其实是因为你开启了checkJs: true，让TypeScript的类型检查器介入了JS文件的校验，但当前的jsconfig.json配置里缺少DOM相关的类型定义，导致检查器认不出window.dispatchEvent这个标准的浏览器API方法。下面给你几个可行的解决办法：

方案一：完善jsconfig.json的类型库配置 #

直接修改你的jsconfig.json，在compilerOptions里添加lib字段，引入ES6和DOM的类型定义，这样TypeScript就能识别所有浏览器环境的标准API了：

{
  "compilerOptions": {
    "baseUrl": "./src",
    "mapRoot": "./src",
    "target": "ES6",
    "checkJs": true,
    "jsx": "react",
    "allowSyntheticDefaultImports": true,
    "lib": ["ES6", "DOM"] // 新增该行，引入DOM类型库
  },
  "exclude": [
    "node_modules",
    "**/node_modules/*"
  ]
}

方案二：用JSDoc类型断言临时解决 #

如果不想修改全局配置，或者只是在个别代码行遇到这个问题，可以用JSDoc来明确window的类型，告诉检查器这是标准的浏览器Window对象：

// 直接断言类型
/** @type {Window} */(window).dispatchEvent(yourEvent);

// 更严谨的写法（兼容SSR等window可能不存在的场景）
if (typeof window !== 'undefined') {
  /** @type {Window} */(window).dispatchEvent(yourEvent);
}

方案三：添加全局类型声明（兜底方案） #

如果上面的方法都没生效，可能是你的项目缺失了DOM类型定义文件，可以在src目录下创建一个global.d.ts文件（TypeScript会自动加载这个全局类型文件），手动补充dispatchEvent的类型声明：

interface Window {
  dispatchEvent: (event: Event) => boolean;
}

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