配置jsconfig.json获取Cypress智能提示时找不到node_modules/cypress/types

报错现象：配置jsconfig.json获取Cypress智能提示时，弹出找不到node_modules/cypress/types路径的错误，报错截图如下：

你当前使用的原有配置：

{
  "include": ["./node_modules/cypress", "cypress/**/*.js"]
}

解决方案 #

方案1：修改jsconfig.json配置（推荐） #

Cypress 8.x版本自带的类型声明文件统一存放在node_modules/cypress/types目录下，原有配置未精准指向类型声明入口，替换为以下配置即可：

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["es6", "dom"],
    "types": ["cypress"],
    "typeRoots": ["./node_modules/@types", "./node_modules/cypress/types"]
  },
  "include": ["cypress/**/*.js", "./node_modules/cypress/types/index.d.ts"]
}

配置修改后重启编辑器即可生效。 #

方案2：修复依赖完整性 #

如果修改配置后仍报错，大概率是Cypress依赖包下载不完整导致类型文件缺失，按以下步骤操作：

• 删除本地node_modules文件夹、项目根目录下的package-lock.json（yarn用户删除yarn.lock）
• 执行npm install（yarn用户执行yarn install）重新安装所有依赖

方案3：兜底安装独立类型包 #

如果以上两个方案都无法解决问题，可以安装社区维护的对应版本类型声明包：

npm install @types/cypress@8.5.0 -D

注意：安装时必须指定和本地Cypress一致的版本号，否则可能出现类型不兼容的异常提示 #

内容的提问来源于stack exchange，提问作者VISHVAMBRUTH J T