笑话测试失败，并带有意外的令牌，即预期的“;". [英] Jest test fails with Unexpected token, expected ";"

问题描述

我有一个使用Typescript和Jest的Node项目.目前我有这个项目结构

I have a Node project using Typescript and Jest. Currently I have this project structure

使用此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"
  }
}

我在测试目录中创建了一个测试文件

I created a test file in my tests directory

import { App } from '../src/App';

describe('Generating App', () => {
  let app: App;

  test('It runs a test', () => {
    expect(true).toBe(true);
  });
});

但不幸的是我遇到语法错误

but unfortunately I get a syntax error

SyntaxError:C:... \ tests \ App.test.ts:意外的令牌，预期为;" (5:9)

SyntaxError: C:...\tests\App.test.ts: Unexpected token, expected ";" (5:9)

在我的app变量中.看来测试运行程序无法理解Typescript代码.如何在Jest的测试文件中修复配置以支持Typescript?

at my app variable. It seems the test runner is not able to understand Typescript code. How can I fix my configuration to support Typescript in test files for Jest?

推荐答案

尝试在jest config中添加打字稿扩展名:

Try to add typescript extension in 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",
};

然后将jest配置加载到package.json测试脚本中:

And then load the jest config in your package.json test script :

"scripts": {
    "test": "jest --config ./jest.config.js",
    ...
  },

这篇关于笑话测试失败，并带有意外的令牌，即预期的“;".的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！