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

Debugger and current debugging line are both misplaced

Ouverte
#335 6 commentaires 5 réactions 0 personnes assignées Voir sur GitHub
bug sourcemaps
Langage dominant
TypeScript
Étoiles
447
Forks
76
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

This is the only thing currently keeping me from switching to firefox

[Repo to reproduce](https://github.com/ldiane/vfd)

Repro steps:
```
add launch.json from below
npm install
npm run dev
In src/App.vue add a breakpoint between line 5 and 8
Start debugging
```

I am trying to debug from vscode a vue 3 with TS and vite project

As stated in the [docs](https://marketplace.visualstudio.com/items?itemName=firefox-devtools.vscode-firefox-debug) i did:

> open the Developer Tools Settings and check the checkboxes labeled “Enable browser chrome and add-on debugging toolboxes” and “Enable remote debugging”

and executed Firefox as follows

`"C:\Program Files\Mozilla Firefox\firefox.exe" -start-debugger-server`

The problem is that the debugger is all jumpy and doesn’t hit the correct line:
![image](https://github.com/firefox-devtools/vscode-firefox-debug/assets/62384847/88665aa1-0c6e-4671-b5c0-4dd5416c49b4)

Here is my launch.json (the one for chrome works perfectly well)

```
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9222,
"webRoot": "${workspaceFolder}",
"urlFilter": "http://127.0.0.1:4000/*"
},
{
"name": "Attach to Firefox",
"type": "firefox",
"request": "attach",
"url": "http://127.0.0.1:4000",
"webRoot": "${workspaceFolder}",
"pathMappings": [
{
"url": "http://127.0.0.1:4000/src",
"path": "${workspaceFolder}/src"
}
]
}
]
}
```

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Utilisez le dépôt vfd lié et son launch.json pour reproduire le problème : exécutez npm install et npm run dev, puis placez un breakpoint dans src/App.vue entre les lignes 5 et 8 et démarrez la configuration Firefox. Comparez la position du débogueur et la ligne de débogage actuelle avec la configuration Chrome fonctionnelle ; c’est terminé lorsque Firefox s’arrête sur la bonne ligne source.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
typescript, vite, vscode
Domaine
devtools
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.