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

重新啟動項目，該報錯就解決了~