Bonjour, j'ai construit une application utilisant Angular-CLI et j'essaie de la déboguer en utilisant le code VS et le débogueur de l'extension de Chrome. Après un moment, j'ai pu le faire fonctionner, bien. Ce qui se passe, c'est que je puisse définir un point de rupture dans ma classe dossière, mais il est placé sur un mauvais numéro de ligne comme la carte source est incorrect.
Processus de débogage - Ouvrir Terminal NG Servir que d'aller à l'onglet de débogage et cliquez sur F5 dans VSCODE
J'ai ce qui suit: J'utilise la configuration de Launchrome
angulaire-cli.json tsconfig.json
3 Réponses :
J'ai mis à jour sur Angular-cli-beta19-3 et TypeScript 2.0.6 et Cache effacée dans Chrome, il fonctionne maintenant.
Mise à jour: utilisation angulaire 2.4.1 maintenant Qu'est-ce qui est amusant, c'est que cela ne fonctionne pas avec défini ici https://github.com/microsoft/vscode-chrome-debug mais cela fonctionne avec et pour Linux comme @carpinchosaurio a déclaré avec de nouvelles versions de Angular et Typescript Il n'y a plus besoin de la piste de carte source remplace plus. Configuration de travail:
Merci à l'homme, mais comment vous réalisez cela? Pour Linux "WebPack: /// *": "/ *" et ça fonctionne, mais sérieusement pourquoi? D =
Je jouais avec ça je vais intégrer votre réponse à la mienne
Pour toute personne intéressée toujours, cela a fonctionné pour moi -
{
"name": "Launch localhost with sourcemaps",
"type": "chrome",
"request": "launch",
"url": "http://localhost:4200",
"sourceMaps": true,
"webRoot": "${workspaceRoot}/src",
"userDataDir": "${workspaceRoot}/.vscode/chrome",
"sourceMapPathOverrides": {
"webpack:///./~/*": "${workspaceRoot}/node_modules/*",
"webpack:///./src/*": "${workspaceRoot}/src/*"
}
// Uncomment this to get diagnostic logs in the console
// "diagnosticLogging": true
}
Juste pour souligner plus la mise à jour Réponse : Actuellement, il n'est pas nécessaire d'avoir le SourceMappathoverrides Propriété de votre lancement.json . Si vous mettez à jour le projet d'un ancien angulaire, supprimez simplement la propriété et le débogage commencera à fonctionner.