[英]Jest test fails with Unexpected token, expected ";"
我有一个使用 Typescript 和 Jest 的 Node 项目。 目前我有这个项目结构
有了这个tsconfig.json
文件
"compilerOptions": {
"target": "ES2017",
"module": "commonjs",
"allowJs": true,
"outDir": "dist",
"rootDir": "src",
"strict": true,
"moduleResolution": "node",
"esModuleInterop": true
}
这个jest.config.js
文件
module.exports = {
clearMocks: true,
coverageDirectory: "coverage",
testEnvironment: "node",
};
还有这个package.json
文件
{
"scripts": {
"start": "node dist/App.js",
"dev": "nodemon src/App.ts",
"build": "tsc -p .",
"test": "jest"
},
"dependencies": {
"commander": "^3.0.1"
},
"devDependencies": {
"@types/jest": "^24.0.18",
"@types/node": "^12.7.4",
"jest": "^24.9.0",
"nodemon": "^1.19.2",
"ts-jest": "^24.0.2",
"ts-node": "^8.3.0",
"typescript": "^3.6.2"
}
}
我在我的测试目录中创建了一个测试文件
import { App } from '../src/App';
describe('Generating App', () => {
let app: App;
test('It runs a test', () => {
expect(true).toBe(true);
});
});
但不幸的是我得到一个语法错误
SyntaxError: C:...\tests\App.test.ts: Unexpected token, expected ";" (5:9)
在我的app
变量。 似乎测试运行者无法理解 Typescript 代码。 如何修复我的配置以在 Jest 的测试文件中支持 Typescript?
尝试在 jest config 中添加打字稿扩展:
module.exports = {
roots: ['<rootDir>'],
transform: {
'^.+\\.ts?$': 'ts-jest'
},
testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.ts?$',
moduleFileExtensions: ['ts', 'js', 'json', 'node'],
collectCoverage: true,
clearMocks: true,
coverageDirectory: "coverage",
};
然后在你的 package.json 测试脚本中加载 jest 配置:
"scripts": {
"test": "jest --config ./jest.config.js",
...
},
tsconfig.json
"compilerOptions": {
"jsx": "react-jsx"
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.