我正在尝试将lazy Loading
用于我的应用。
index.js
import React, { Suspense , lazy , Component } from 'react';
import ReactDOM from 'react-dom';
import 'index.scss';
import SomeComponent from './someComponent.js';
import * as serviceWorker from 'serviceWorker';
ReactDOM.render(<SomeComponent />, document.getElementById('root'));
serviceWorker.unregister();
一些组件index.js文件
import React, { Suspense , lazy , Component } from 'react';
import { BrowserRouter } from 'react-router-dom';
const Header = lazy(() => import('./_header'));
class SomeComponent extends Component {
render() {
return (
<BrowserRouter>
<React.Fragment>
<Suspense>
<Header />
</Suspense>
</React.Fragment>
</BrowserRouter>
);
}
}
export default SomeComponent;
标头index.js文件
import React, { Component } from 'react';
import './index.scss';
class Header extends Component {
render() {
return (
<h1>Header</h1>
);
}
}
export default Header;
但是我遇到了这个错误:
元素类型无效:应使用字符串(对于内置组件)或类/函数(对于复合组件),但得到:符号。
我的反应版本是 v16.6.3 。