Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Bug: breakpoints are not hit after rebuilding the project [vite]

オープン
#383 コメント 2 件 リアクション 2 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
42/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
typescript, vite
領域
devtools

調査の方向性

提供された Vite sourcemap 設定と Firefox の起動設定で問題を再現し、ブレークポイントの動作を観察しながら vite dev を通じて再ビルドします。タイムスタンプ付きの Vite ソースと保持された Vite ソースがどのように扱われるかを調査し、Firefox、VS Code、Neovim で再ビルドした後もブレークポイントがヒットし、正しく解決され続ければ問題は完了したとみなします。

索引モデルが issue の本文から書いたものです。

説明

Related #362

After enabling sourcemap for vite (see below), I can consistently hit breakpoints, and their locations will be resolved correctly.

export default defineConfig({
    plugins: [sveltekit()], // svelte specific stuff, your config might be different
    build: {
        sourcemap: true
    }
});

However, once I rebuild the project (via vite dev), breakpoints are no longer hit. No wrong locations, no phantom breakpoints, just not hit at all.

I do wanna stress that rebuilding is something that happens constantly during development, so it should be supported (if possible).

After some investigation, I found out that vite appends a timestamp to the sources (and it also keeps old copies), which can be seen in FF's debugger (screenshot below):

Image

I wonder if it's related?

More info

Launch config:

    {
      "name": "Launch Firefox",
      "type": "firefox",
      "suggestPathMappingWizard": true,
      "reAttach": true,
      "request": "launch",
      "url": "http://localhost:5173/",
      "webRoot": "${workspaceFolder}"
    }

The same issue happens on neovim and vscode, so it's not client-side related.

主要言語
TypeScript
スター
444
フォーク
77
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

firefox-devtools/vscode-firefox-debug のほかの issue

firefox-devtools/vscode-firefox-debug の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。