Javascript babel寄存器相对jsx导入

我想使用babel register运行一个节点应用程序，该应用程序为react应用程序（服务器端渲染）提供服务

我是这样使用它的：

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文件），比如

它导入一个空对象

{}

。如果我将.jsx扩展添加到导入

import Checkout from './Checkout.jsx';

它工作并导入React组件

你知道为什么没有扩展就不行吗

---

谢谢

您应该试试这个，它可能对您有用“导入{Checkout}from./Checkout'；”也可以选中这个，

import Checkout from './Checkout.jsx';