Virtual Files tab is empty on Nuxt 5 / Nitro 3: /_vfs.json returns 404
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 半日
- 初心者へのやさしさ
- 42/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- nuxtjs, typescript, vite
調査の方向性
Start with the request path: the client fetch of /_vfs.json in the published @nuxt/devtools-assets utils bundle, and the dev-server route app.get("/_vfs/**", createVFSHandler(...)) in nitro/dist/_dev.mjs. Reproduce by hitting /_vfs/ with Accept: application/json on a running nuxt dev server. Done means the Virtual Files tab lists entries again; the issue leaves open whether the fix belongs in DevTools or Nitro, so confirm the side with maintainers first.
索引モデルが issue の本文から書いたものです。
説明
Environment
@nuxt/devtools4.0.0-beta.5 (@nuxt/devtools-assets4.0.0-beta.5)nuxt5.0.0-2610121449-e69fd4e (nuxt-nightly@5x)nitro3.0.260903-beta- Vite 8.3.4, Node.js 26.11.1, Windows 11
Reproduction
- Nuxt 5 nightly app with
@nuxt/devtools4 beta,nuxt dev - Open DevTools, authorize the browser, open the "Virtual Files" tab
- The tab stays empty; the dev server logs
GET /_vfs.json 404
Cause (as far as I can tell)
The client fetches the file list from /_vfs.json (published bundle: @nuxt/devtools-assets/dist/_nuxt/utils-k1kpr21p.js, $fetch('/_vfs.json', { baseURL: '/', responseType: 'json' })).
Nitro 3's dev server only registers app.get("/_vfs/**", createVFSHandler(this.nitro)) (nitro/dist/_dev.mjs). Checked with curl against the running dev server:
| Request | Status |
|---|---|
GET /_vfs.json |
404 |
GET /_vfs.json/<id> |
404 |
GET /_vfs/ with Accept: application/json |
200, JSON (rootDir, entries, current) |
GET /_vfs/.json |
200, JSON |
GET /_vfs/<id> with Accept: application/json |
200, JSON |
Note that the JSON returned by Nitro 3 still lists entries[].path as /_vfs.json/<id>, which 404s as well. So this could be fixed on either side: DevTools requesting /_vfs/ with Accept: application/json (or /_vfs/.json), or Nitro registering the /_vfs.json/** route again. Happy to open the issue at nitrojs/nitro instead if that is the better place.
- 主要言語
- TypeScript
- スター
- 3.3k
- フォーク
- 218
- 平均マージ
- 1日 4時間
- マージ済み PR(30日)
- 21
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
nuxt/devtools のほかの issue
-
fix: Inspect panel styles break when host page sets a custom html font-size (rem-based units)再び着手できるかも このイシューのプルリクエストはマージされずにクローズされました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
nuxt/devtools#973 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
bug
難易度 3/5 1〜2日 初心者へのやさしさ 65/100
メンテナーはふだん 1 日以内に返信
-
bug
難易度 3/5 1〜2日 初心者へのやさしさ 65/100
nuxt/devtools#1100 · リアクション 2 件 ·
メンテナーはふだん 1 日以内に返信
-
enhancement
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
メンテナーはふだん 1 日以内に返信
似ている issue
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
vercel/streamdown#673 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
docs(stream-protocol): document messageMetatadata on start/finish and the message-metadata chunkオープンfactory-active task-identify-harness-labels-done task-identify-issue-type-done
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
agilepathway/label-checker#721 ·
メンテナーはふだん 1 日以内に返信
-
CLI Empathy needs triage
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
chromaui/chromatic-cli#1524 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信