Я пытаюсь использовать lazy loading
для моего create-react-app
с react@16.5.2
, и я сделал это:
import React, { Component } from 'react';
import { BrowserRouter } from 'react-router-dom';
const Header = React.lazy(() => import('./_header'));
class SomeFile extends Component {
render() {
return (
<BrowserRouter>
<React.Fragment>
<Header />
</React.Fragment>
</BrowserRouter>
);
}
}
export default SomeFile;
Знаете ли вы, почему возникает эта ошибка?это из-за моей реакции версии?на основании это все вроде нормально!
Редактировать
Что это значит?основан на reactjs.org
:
Примечание:
React.lazy и Suspense еще не доступны для рендеринга на стороне сервера.Если вы хотите выполнить разбиение кода в приложении, отображаемом на сервере, мы рекомендуем Загружаемые компоненты.У этого есть хорошее руководство для разделения пакета с рендерингом на стороне сервера.