firefox-devtools / firefox-devtools/vscode-firefox-debug

Extension Does Not Work Properly With Vite

オープン
#362 コメント 2 件 リアクション 9 件 担当者 0 名 GitHub で見る
bug sourcemaps
主要言語
TypeScript
スター
447
フォーク
76
PR マージ指標
30日以内にマージされた PR はありません

説明

I am currently using `react-scripts start` to run my React app. I am able to set and hit breakpoints and everything works as expected. We are switching to using Vite and after updating our build process to use Vite breakpoint debugging has become unusable. Because my code is proprietary, there is no way I can post it as an example, and while I do have a smaller example that exhibits odd debugger issues, I can't get an exact repro for every case.

The issue we are seeing is that after moving to Vite, line numbers that are reported in VS Code when hitting an exception are just plain wrong. Like wildly wrong. In other cases we will set a breakpoint in a file and the debugger will stop on a completely unrelated line. In other cases the debugger will simply stop at phantom breakpoints.

Before I go through the arduous process of creating an example repo in github or something to try to create a project that reproduces these issues, can someone confirm whether this is a known issue and has a work-around? Or if anyone else is experiencing this?

To confirm. switching back to `react-scripts` everything works as expected, but using Vite, breakpoints don't work consistently.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リポジトリのファイルもテストも指定されていません。Issue で言及されている小さい方の Vite の例から始め、VS Code で react-scripts とブレークポイントの動作を比較してください。進展には、誤った行、無関係な停止、またはファントムブレークポイントを記録した再現可能なケースが必要です。

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

評価

技術スタック
typescript, vite, vscode
領域
devtools
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

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

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