React代码拆分中出现require.ensure错误

import React, { lazy, Suspense } from 'react';

const MyComponent = lazy(() => import('./MyComponent'));

function App() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <MyComponent />
      </Suspense>
    </div>
  );
}

export default App;

// MyComponent.js
export const MyComponent = () => {
  // 组件的实现
};

// MyComponentWrapper.js
export { MyComponent as default } from './MyComponent';

// App.js
import React, { lazy, Suspense } from 'react';
import MyComponent from './MyComponentWrapper';

function App() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <MyComponent />
      </Suspense>
    </div>
  );
}

export default App;