jest + typescript + es6 模块（2019 年）- SyntaxError：意外的令牌导出

Jest是一个流行的JavaScript测试框架，而TypeScript则是一种静态类型的JavaScript超集。在2019年，结合Jest、TypeScript和ES6模块成为开发者们的首选。然而，在使用这些技术时，我们可能会遇到一些问题，其中之一是"SyntaxError: Unexpected token export"错误。在本文中，我们将讨论如何解决这个问题，并提供一些案例代码作为示例。

json
{
  "compilerOptions": {
    "module": "es6",
    ...
  },
  ...
}

javascript
module.exports = {
  ...
  transform: {
    "^.+\\.tsx?$": "babel-jest"
  },
  ...
};

bash
npm install --save-dev @babel/core @babel/preset-env @babel/preset-typescript babel-jest

json
{
  "presets": ["@babel/preset-env", "@babel/preset-typescript"]
}

typescript
export function add(a: number, b: number): number {
  return a + b;
}

typescript
import { add } from './calculator';
test('adds 1 + 2 to equal 3', () => {
  expect(add(1, 2)).toBe(3);
});

bash
npm test