解决报错:The above error occurred in the <Route.Provider> component:

外层添加Suspense即可解决
import { lazy, Suspense } from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
// 这里路由采用了浏览器模式
import { BrowserRouter as Router } from 'react-router-dom'
// 一定引入antd的样式
import 'antd/dist/reset.css';
const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
<Suspense> //外层添加
<Router>
<App />
</Router>
</Suspense>
)
使用npm安装 Ant Design Charts报错 ERESOLVE could not resolve
在npm install的时候也遇到了类似的报错
解决方案
npm install @ant-design/charts --legacy-peer-deps
安装成功,可以正常使用