JEST&TypeScript nullの許容する「?」付与部分でエラー

Question

以下のtypescriptコードを書きました。

class person {
	name: string;
	age: number;
}

export default function(): void {
	const yamada: person = new person();
	console.log(yamada?.age);
}

JESTを使って以下のテストを記述しました。

import test from "../test";

describe('テスト', (): void => {
	test();
})

実行すると以下のエラーになります。

● Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/en/configuration.html

    Details:

    C:\vueProjects\test\test.ts:7
        console.log(yamada?.age);
                           ^

「?」で、nullを許容しているのですが、その箇所のようです。
「?」を外すと正常に実行されます。

エラーが出る原因と解決方法またはヒントでもいただけると助かります。

Answer 1

null許容の?は「オプショナルチェイニング演算子」といいます。
それで調べればいろいろ出てくると思いますが、たぶんこの記事が近いと思います。
Jest cannot understand token "?" from @babel/plugin-proposal-optional-chaining · Issue #8973 · facebook/jest

質問にJestのバージョンを書いていただきたいところですが、もし24より古ければ24以降にアップデートすることをおすすめします。
それで直らなかったら、上記記事で試行錯誤されている通り、環境によると思います。

Comments

[firstbiz]

ありがとうございます。解決しました。