无法解析符号“Routes”

Question

我将通过以下方式导入路由

import {Routes, Route, BrowserRouter} from 'react-router-dom'

我的包JSON是"react-router-dom": "^6.0.2",

​

​

我正在使用Pycharm。

npm list react-router-dom返回-- react-router-dom@6.0.2

为什么会发生这种情况？我的前端是空白的。

Answer 1

我在WebStorm上也遇到了同样的问题。当我在import语句中按下crtl并单击'react-router-dom'时，我发现它似乎对应该关注哪个index.ts.d文件感到困惑。其中一个来自我的项目的node_modules中安装的6.0.2版本。另一个是在C:\Usersme\AppData\Local\JetBrains\WebStorm2021.2\javascript\typings\react-router-dom\5.3.2\node_modules@types\react-router-dom\index.d.ts.

我刚刚将后面的JetBrains文件从5.3.2重命名，认为它现在已经过时了，此后它就像预期的那样工作了。这不是最好的解决方案，而且我几乎可以肯定，它不会找到一种方法来咬我的臀部。但至少在目前，它是有效的。

Answer 2

我们可以尝试删除node_modules并删除该文件夹。然后我们可以运行npm，这将再次重新安装这些软件包。

在那之后，我会尝试实现Router，看看它是否能自行解决，即使它抱怨找不到符号。

像这样的东西应该是有效的：

<BrowserRouter>
  <Routes>
    <Route path='/*' element={ <App /> } />
  </Routes>
</BrowserRouter>