Font 404 error when loading css using vite

[tghkuma]

Environment

---

• Operating System: Linux
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.5
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: modules, css
• Runtime Modules: bootstrap-vue-3/nuxt
• Build Modules: -

---

Reproduction

stackblitz

monorepo package environment

+--package.json
+--packages
   +--app
      +--nuxt.config.ts
      +--package.json
      +--plugins
      |  +--bootstrap-vue-3.client.ts
      +--tsconfig.json

Describe the bug

In a monorepo environment, loading bootstrap-icons.woff2 in bootstrap-icons.css of Bootstrap-Icons gives a 404 error.

This is a Vite v2.9.13 or higher error and has been fixed in v3.0.2. issue nuxt/framework#9148
Please support the latest version.

Additional context

No response

Logs

GEThttps://nuxt-starter-cmkpxb--3000.local-corp.webcontainer.io/_nuxt/@fs/home/projects/nuxt-starter-cmkpxb/node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf
[HTTP/1.1 404 Not Found 0ms]

downloadable font: download failed (font-family: "bootstrap-icons" style:normal weight:400 stretch:100 src index:0): status=2147746065 source: https://nuxt-starter-cmkpxb--3000.local-corp.webcontainer.io/_nuxt/@fs/home/projects/nuxt-starter-cmkpxb/node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf