关于react-router： export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router‘报错

最新推荐文章于 2023-02-16 14:51:54 发布

蒸的不响丸辣

最新推荐文章于 2023-02-16 14:51:54 发布

阅读量693

点赞数 1

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qqoies/article/details/124593133

版权

import React, { memo } from 'react'

import { renderRoutes } from "react-router-config";
import router from "./router"


import  YYAppHeader  from "@/components/app-header";
import  YYAppFooter  from "@/components/app-footer";

const App = memo(() => {
  return (
    <div>
      <YYAppHeader/>
      {renderRoutes(router)}
      <YYAppFooter/>
    </div>
  )
})

export default App

上面代码运行 export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router‘
当引入renderRoutes时，react-router-config的源码使用的竟然还是react-router v5的Switch，我的react-router-dom是^6，所以才产生了报错。

解决方法：
使用react-router-dom^5版本