Разработка сборки падает при использовании React.lazy ()

Question

Я использую Lazy и Suspense для загрузки компонента, но если я пытаюсь собрать приложение, используя npm run build я получаю сообщение об ошибке Ошибка: Uncaught Ошибка: ошибка Minified React# 294; , а также, если я прокомментирую ленивую загрузку, сборка будет успешной.код:

import { Suspense, lazy } from 'react';
const Component= lazy(() => import('./../location'));

const Homepage=()=>{
  return (
    <>
      <Suspense fallback={<div>Loading...</div>}>                
        <Component/>
      </Suspense>
    </>
  )
}
export default Homepage;

Answer 1

Эта ошибка возникает в основном в пути, когда мы используем ssr (рендеринг на стороне сервера) или ReactDOMServer,

Поскольку ReactDOMServer еще не поддерживает React.lazy и Suspense, необходимо использовать динамический импорт и удалить Suspense.и React.lazy, чтобы избежать этой ошибки.