typescript 在玩笑打字稿中找不到它的名字
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/56595053/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
cannot find name it in jest typescript
提问by Nidhin Kumar
I try to create an intial setup for jest in react + typescript.I have completed the initial setup and try to check whether the test runs. When i run the test using the command npm test i am getting the following error
我尝试在 react + typescript 中为 jest 创建一个初始设置。我已经完成了初始设置并尝试检查测试是否运行。当我使用命令 npm test 运行测试时，出现以下错误
Cannot find name 'it'. Do you need to install type definitions for a test runner? Try `npm i @types/jest` or `npm i @types/mocha`.
I have installed the types for jest as well as removed the types in tsconfig.json but still i am getting the same error.
我已经安装了 jest 的类型并删除了 tsconfig.json 中的类型，但我仍然遇到相同的错误。
{
"compilerOptions": {
"target": "es6",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"plugins": [{ "name": "typescript-tslint-plugin" }],
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
"pretty": true,
"baseUrl": "src",
"types": ["jest"],
"typeRoots": ["./src/types"],
"suppressImplicitAnyIndexErrors": true
},
"include": ["src", "node_modules/@types/jest"],
"exclude": ["node_modules"]
}
`
Package.json
包.json
"jest": {
"transform": {
".(ts|tsx)": "ts-jest"
},
"testRegex": "(/__tests__/.*|\.(test|spec))\.(ts|tsx|js)$",
"moduleFileExtensions": [
"ts",
"tsx",
"js"
]
},
"devDependencies": {
"@babel/plugin-proposal-export-default-from": "^7.2.0",
"@types/enzyme": "^3.9.3",
"@types/jest": "^24.0.14",
"enzyme": "^3.10.0",
"gh-pages": "^1.2.0",
"husky": "^2.2.0",
"jest": "^24.8.0",
"node-sass": "^4.11.0",
"prettier": "^1.17.0",
"react-scripts": "2.1.8",
"react-test-renderer": "^16.8.6",
"stylelint": "^9.3.0",
"stylelint-config-recommended-scss": "^3.2.0",
"stylelint-config-standard": "^18.2.0",
"stylelint-order": "^0.8.1",
"stylelint-scss": "^3.1.3",
"ts-jest": "^24.0.2",
"tslint": "^5.16.0",
"tslint-config-prettier": "^1.18.0",
"tslint-plugin-prettier": "^2.0.1",
"tslint-react": "^4.0.0",
"tslint-react-hooks": "^2.1.0"
}
回答by Shailesh Jha
Install
安装
npm install jest @types/jest ts-jest
jest.config.js -- at root
jest.config.js -- 在根
module.exports = {
roots: ['<rootDir>/src'],
transform: {
'^.+\.tsx?$': 'ts-jest',
},
testRegex: '(/__tests__/.*|(\.|/)(test|spec))\.tsx?$',
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
}
tsconfig.json
配置文件
{
"compilerOptions": {
...
"types": ["reflect-metadata", "jest"],
"typeRoots": ["./types", "./node_modules/@types"]
...
},
"exclude": ["node_modules", "**/*.spec.ts", "**/*.test.ts"],
"include": ["./src/**/*.tsx", "./src/**/*.ts"]
}
回答by Hamish Johnson
For me, the problem was that my tsconfig.jsonwas built with
对我来说，问题是我tsconfig.json是用
"include": [
"src"
]
I had to change that to
我不得不把它改成
"include": [
"src",
"tests"
]
(My tests all being in directory 'tests')
（我的测试都在目录“tests”中）
回答by Nidhin kumar
In tsconfig.json add the below code
在 tsconfig.json 中添加以下代码
"types": ["jest"],
"typeRoots": ["./src/types", "node_modules/@types"],
回答by Александр Коновал
Updating ts-loaderto v6.0.1or above can do a trick.
更新ts-loader到v6.0.1或更高版本可以解决问题。
