IDE不承认Jest及其功能

Question

我有一个基本的反应-本地/世博模板应用程序。我在开发依赖项中添加了jest-expo和react-test-renderer，并像世博测试文档中所记录的那样更新了package.json。

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    ...
    "test": "jest"
  },
  "dependencies": {
    "expo": "~41.0.1",
    ...
    "react": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz",
  },
  "devDependencies": {
    "@babel/core": "^7.9.0",
    "@testing-library/jest-native": "^4.0.1",
    "@testing-library/react-native": "^7.2.0",
    "jest-expo": "^41.0.0",
    "react-test-renderer": "^17.0.2"
  },
  "private": true,
  "jest": {
    "preset": "jest-expo",
    "transformIgnorePatterns": [
      "node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-native-community|expo(nent)?|@expo(nent)?/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|@sentry/.*)"
    ],
    "setupFilesAfterEnv": [
      "@testing-library/jest-native/extend-expect"
    ]
  }
}

我还添加了React Native Testing Library来测试UI。测试进行得很好。

但问题是，WebStorm IDE不承认Jest及其功能。

​

​

​

​

你能帮我弄清楚吗？

更新

根据注释，我尝试通过Settings配置安装类型记录Jest类型定义，并尝试使用tried /npm安装。但这没什么用。

​

​

另一个更新

但是，如果我取消选中项目的node_modules库，Jest类型定义就会恢复。

​

​

但是这样做，其他类型的node_modules就不能工作了！

Answer 1

你试过这个WebStorm配置吗？

您可能已经注意到，一些全局Jest方法(如describe和beforeEach)在编辑器中被标记为未解决。要解决这一问题，请安装Jest的TypeScript类型定义文件:转到&，单击对话框右侧的下载，然后在列表中搜索Jest，然后单击Install。或者将@types/jest添加到项目的package.json中的devDependencies中。

Answer 2

在“首选项-语言和框架- JavaScript -库”中，按下下载，然后从列表中选择jest，然后按下载和安装。如果没有工作，请尝试本地文件夹中的npm i @types/jest。