Uncaught SyntaxError: The requested module '/node_modules/.vite/react-router......Switch

我使用vite创建react项目，在做嵌套路由时出现报错

报错提示错误的是下面这一代码：

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

其中Switch出错。

当时项目的npm包版本如下：

{
……
  "dependencies": {
    "react": "^17.0.0",
    "react-dom": "^17.0.0",
    "react-router": "^6.0.2",
    "react-router-dom": "^6.0.2"
  },
  "devDependencies": {
    "@vitejs/plugin-react": "^1.0.0",
    "vite": "^2.6.4"
  }
}

react-route-dom中是有Switch方法的，但是可能版本太高和vite不适配，所以我选择将react-route-dom降到v5版本：

npm i react-router-dom@5.3.0

重新启动项目，该报错就解决了~