WebStorm中使用 ReactRouterDom v6

WebStorm中使用 ReactRouterDom v6

在 WebStorm中使用 react-router-dom v6 我们可能会遇到这样的情况

 import { Navigate } from "react-router-dom";

因为 Navigate 是 react-router-dom v6 才有的，但是在webStorm中，会自动下载 react-router-dom v5 来标注声明，所以 Navigate 会出现下划线 提示：导出警告

遇到这个问题

• 点击 webStorm 上方 帮助 Help

• 选择 查找操作 find actions

• 输入 Registry

  

• 打开注册表

• 找到 typescript.external.type.definitions

  

• 可以发现 Value中有 react-router-dom，将其删除即可

  再将对应地址中的 react-router-dom包删除即可

如果遇到其他的包也有这样的问题，同样在这里找到删除即可

参考文档：stackoverflow.com/questions/7…