Jest测试失败，出现意外标记，应为“;”

llmtgqce 于 2023-11-15 发布在 Jest

关注(0)|答案(3)|浏览(156)

我有一个使用Typescript和Jest的Node项目。
x1c 0d1x的数据
使用此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"
  }
}

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

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

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

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

型
但不幸的是我得到了一个语法错误
语法错误：C：...\tests\App.test.ts：意外的标记，应为“;”（5：9）
在我的app变量。看起来测试运行器无法理解Typescript代码。我如何修复我的配置以支持Jest测试文件中的Typescript？

jestjs

来源：https://stackoverflow.com/questions/57921019/jest-test-fails-with-unexpected-token-expected

3条答案

按热度按时间

e5njpo681#

尝试在jest config中添加typescript扩展：

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",
    ...
  },

型

赞(0）回复(0）举报 2023-11-15

wvmv3b1j2#

在我的例子中，它失败了，因为我没有正确设置Jest的typescript支持。我通过安装下面的JavaScript和如下所示的babel配置文件来解决它：

babel.config.json

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-typescript",
    ["@babel/preset-react", { "runtime": "automatic" }]
  ]
}

字符串

赞(0）回复(0）举报 2023-11-15

guicsvcw3#

tsconfig.json

"compilerOptions": {
  "jsx": "react-jsx"
},

字符串

赞(0）回复(0）举报 2023-11-15

我来回答

Jest测试失败，出现意外标记，应为“;”

3条答案

相关问题

热门标签

最新问答