Build failed when use react-router-dom and path-to-regexp

Describe the bug

use react-router-dom and path-to-regexp package in the same time comes a problem

import {
  BrowserRouter as Router,
  Switch,
  Route,
  useParams
} from "react-router-dom";                          
import { match } from 'path-to-regexp'         // change to 'path-to-regexp/dist.es2015' works
console.log(match)

Got error like this

I do prepare a codesandbox link, but it’s works fine.

I can’t make it right on my local environment.

Reproduction

try download this codesandbox demo and run npm run dev

System Info

Output of npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers:

  System:
    OS: macOS 10.15.6
    CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
    Memory: 58.64 MB / 8.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 14.16.1 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.12 - /usr/local/bin/npm
  Browsers:
    Chrome: 89.0.4389.114
    Firefox: 86.0
    Safari: 13.1.2
    Safari Technology Preview: 14.0
  npmPackages:
    vite: 2.1.2 => 2.1.2 

Used package manager: npm / yarn

Logs

 > node_modules/react-router/esm/react-router.js:9:7: error: No matching export in "node_modules/path-to-regexp/dist.es2015/index.js" for import "default"
    9 │ import pathToRegexp from 'path-to-regexp';
      ╵        ~~~~~~~~~~~~

---

Before submitting the issue, please make sure you do the following

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Provide a description in this issue that describes the bug.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it’s a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[xeoneux]

@seanaye I solved it by using "history": "^4.10.1" since react-router-dom uses this old version of history.

https://github.com/ReactTraining/react-router/blob/fc91700e08df8147bd2bb1be19a299cbb14dbcaa/packages/react-router-dom/package.json#L44

This issue is that vite cannot tell which version of history to use during the dev run and tries using the latest one (5.0.0). So remove/downgrade that in your package.json

Hope this helps

[xbral]

@seanaye I solved it by using "history": "^4.10.1" since react-router-dom uses this old version of history.

https://github.com/ReactTraining/react-router/blob/fc91700e08df8147bd2bb1be19a299cbb14dbcaa/packages/react-router-dom/package.json#L44

This issue is that vite cannot tell which version of history to use during the dev run and tries using the latest one (5.0.0). So remove/downgrade that in your package.json

Hope this helps

Caraca man… you saved my day… Thanks a lot…