[JavaScript知识库]react路由自学遇到的ERROR及解决方法

看视频用到了

 <Switch>
            <Route  path="/home/news" component={News}/>
            <Route  path="/home/message" component={Message}/>
  </Switch>

当我把此段代码写入项目中时却发生了报错

?Attempted import error:'Switch' is not exported from 'react-router-dom'

原因是我使用的react-router-dom是V6版本太高了

有两个解决方案

1.给react-router-dom降级

npm install react-router-dom@^5.1.2 --save

2.使用react-router-dom v6的语法

即把<Switch>重命名为<Routes>

<Routes>
            <Route  path="/home/news" component={News}/>
            <Route  path="/home/message" component={Message}/>
<Routes/>

问题就解决了

还有同类报错

?也是在react-router-domv6中删除了redirect换用Navigate

把<Redirect>换成<Navigate>就可以了