"/staff" can't be use as route path

[AshenBird]

Version

4.0.14

Reproduction link

github.com

Steps to reproduce

step1

install dependencies

pnpm install

step2

run dev server

pnpm run dev

step3

"/staff" path and "/bar" use same component

routes like

import { createRouter, createWebHistory} from "vue-router"
export const router = createRouter({
  history:createWebHistory(),
  routes:[{
    path:"/",
    component: ()=>import("@/pages/Foo.vue"),
    children:[
      {
        path:"staff",
        component: ()=>import("@/pages/Bar.vue")
      },
      {
        path:"bar",
        component: ()=>import("@/pages/Bar.vue")
      }
    ]
  }],
})

visit http://localhost:3000/bar

visit http://localhost:3000/staff

What is expected?

"/bar" and "/staff" show same website.

What is actually happening?

vite throw error like:

[vite] Internal server error: Failed to resolve entry for package "/staff". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "/staff". The package may have incorrect main/module/exports specified in its package.json.

[LinusBorg]

Works fine for me, can't reproduce the problem you are describing.

[AshenBird]

Works fine for me, can't reproduce the problem you are describing.

I dont't know why.

[AshenBird]

My env :

• windows 10 20H2
• node v16.14.2
• pnpm 6.32.10

[AshenBird]

It‘s weird. It work fine on another host witch run ubuntu.

[AshenBird]

ok, I test it on another windows host , it's work fine. I think have some mistake with me. Thank you help.

[AshenBird]

I find out. it's not router package problem. It's vite's problem. If you create node packaage at root directory , and package directory be named "staff" . You can reproduce . Thanks agin !

Works fine for me, can't reproduce the problem you are describing.