javascript - babel-register 相対 jsx インポート

Question

babel-register を使用して、反応アプリ (サーバー側レンダリング) を提供するノード アプリを実行したいと考えています。

私はこのように使用しています：

require('babel-register')({
  extensions: ['.jsx', '.js'],
  cache: false,
  ignore: /\/(build|node_modules)\//,
  presets: ['env', 'react-app'],
  plugins: [
    [
      'module-resolver',
      {
        root: ['./app'],
        extensions: ['.jsx', '.js'],
      },
    ],
    'syntax-dynamic-import',
    'dynamic-import-node',
    'react-loadable/babel',
  ],
});

問題は、拡張子のない相対 jsx ファイル (Checkout.jsx ファイルを想定) を次のようにインポートしたい場合です。

import Checkout from './Checkout';

空のオブジェクトをインポートします{}。次のように.jsx拡張子をインポートに追加すると

import Checkout from './Checkout.jsx';

それは機能し、React コンポーネントをインポートします。

拡張機能がないと機能しない理由はありますか?

ありがとう！！