Node.js の JavaScript ファイルにおいて、Babel で Optional Chaining を使う方法

Question

1. 目的 (やりたいこと)

Atom エディタのパッケージを改造しています。今回、コードオーナーがソースコードの Babel 対応をしたため、
Optional Chainging (?.) で実行時にエラーが出るようになってしまいました。

具体的な Babel 指定は、JavaScript ファイルの先頭行で以下の行により指定する方法です。

'use babel';

また、Optional Chainging (?.) で実行時にエラーが出る行は以下の行です。

const chioceGroup = consent.getElementsByClassName('welcome-consent-choices')?.item(0) ?? null

2. 前提知識 (知っていること)

1. Optional Chaining ^1
2. @babel/plugin-proposal-optional-chaining ^2
3. babel.config.js の指定方法 ^3

脚注:

• Optional chaining - MDN Web Docs

• @babel/plugin-proposal-optional-chaining

• Babel: [plugin-proposal-optional-chaining]ルーズモードはクラスメソッドの最適化されていないコードを生成します

3. 質問内容

上述2項の2の資料に従い、Babel で Optional Chaining を使用する @babel/plugin-proposal-optional-chaining
をインストールすれば良いのではないかと思い、下記のようなコマンドで npm パッケージをインストールしました。

npm install --save-dev @babel/plugin-proposal-optional-chaining

また、上述2項の3の資料に従い、babel.config.js に以下の行を追加しました。

{
    plugins: [[require('@babel/plugin-proposal-optional-chaining'), {loose: true}]]
}

上記のようなインストールと設定ファイルの修正を行い、Atom でパッケージを読み込むと、上記1項のエラーで Atom が正しくパッケージを読み込んでくれません。

packages.json には、'@babel/plugin-proposal-optional-chaining' の追加がされているのを確認しています。

'use babel'; した JavaScript ファイルで、Optional Chaining を使うには、どのような設定ファイルの指定変更が必要なのでしょうか?

Comments

[maisumakun]

> 実行時にエラーが出る行は以下の行です。

「どのソフトウェア」が「どのような」エラーを起こしている状況でしょうか？