![](/img/trans.png)
[英]How to install typescript + jest with create-react-app?
[英]trying to run typescript with jest with create-react-app
我想用带有 typescript 的 react 来设置 jest 。
每当我运行npm test
它都会出错。
npm test 给了我以下错误:
开箱即用,Create React App 仅支持覆盖这些 Jest 选项:
• collectCoverageFrom •coverageReporters •coverageThreshold
• 快照序列化程序。Create React App 目前不支持 package.json Jest 配置中的这些选项:
• 转换 • testRegex • moduleFileExtensions
如果您希望覆盖其他 Jest 选项,则需要从默认设置中弹出。 您可以通过运行 npm run eject 来实现,但请记住,这是一种单向操作。 您还可以向 Create React App 提交问题,以讨论支持更多开箱即用的选项。
我不想弹出,我也希望以下选项起作用
• 变换
• 测试正则表达式
• 模块文件扩展
我该怎么办??
我的 package.json 文件如下
{
"name": "appname",
"version": "0.1.0",
"private": true,
"dependencies": {
"jest-cli": "^22.3.0",
"jest-enzyme": "^4.2.0",
"react": "^16.2.0",
"react-scripts": "1.1.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"storybook": "start-storybook -p 9009 -s public",
"build-storybook": "build-storybook -s public"
},
"devDependencies": {
"@storybook/addon-actions": "^3.3.13",
"@storybook/addon-links": "^3.3.13",
"@storybook/addon-storyshots": "^3.3.13",
"@storybook/addons": "^3.3.13",
"@storybook/react": "^3.3.13",
"@types/enzyme": "^3.1.9",
"@types/jest": "^22.1.2",
"@types/react-dom": "^16.0.4",
"@types/storybook__react": "^3.0.7",
"awesome-typescript-loader": "^3.4.1",
"babel-core": "^6.26.0",
"enzyme": "^3.3.0",
"jest": "^22.3.0",
"prettier-eslint": "^8.8.1",
"react-addons-test-utils": "^15.6.2",
"react-dom": "^16.2.0",
"redux": "^3.7.2",
"ts-jest": "^22.0.4",
"ts-loader": "^3.5.0",
"typescript": "^2.7.2",
"typescript-eslint-parser": "^13.0.0"
},
"jest": {
"transform": {
"^.+\\.tsx?$": "ts-jest"
},
"testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
"moduleFileExtensions": [
"ts",
"tsx",
"js",
"jsx",
"json",
"node"
]
}
}
`
在 CRA 2.1 及更高版本中,您应该能够将 TypeScript 用于您的测试文件,而无需任何特殊的 jest 配置。 只要确保您的__tests__
文件夹嵌套在您的src
文件夹下,或者您的测试文件在您的src
文件夹中并具有以下任何扩展名:
.test.js
.test.ts
.test.jsx
.test.tsx
.spec.js
.spec.ts
.spec.jsx
.spec.tsx
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.