2017-02-06 1 views
-4

J'essaie d'exécuter le projet angular2 à partir du code vs. Voici les fichiers tsconfig, lanuch.json.Le code source du code VS n'est pas correctement mappé

tsconfig.json

{ 
    "compilerOptions": { 
    "declaration": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": ["es6", "dom"], 
    "mapRoot": "./", 
    "module": "es6", 
    "moduleResolution": "node", 
    "outDir": "../dist/out-tsc", 
    "sourceMap": true, 
    "target": "es5", 
    "typeRoots": [ 
     "../node_modules/@types" 
    ] 
    } 
} 

launch.json

{ 
    "version": "0.2.0", 
    "configurations": [ 

     { 
      "type": "chrome", 
      "request": "launch", 
      "name": "Launch Chrome against localhost", 
      "url": "http://localhost:4200", 
      "webRoot": "${workspaceRoot}/src", 
      "sourceMaps": true 
      // "runtimeExecutable": "/usr/bin/chromium-browser", 
      // "sourceMapPathOverrides": { 
      //  "webpack:///*": "/*" 
      // } 
     }, 
     { 
      "type": "chrome", 
      "request": "attach", 
      "name": "Attach to Chrome", 
      "port": 9222, 
      "sourceMaps": true, 
      "webRoot": "${workspaceRoot}/src" 
      // "sourceMapPathOverrides": { 
      //  "webpack:///*": "/*" 
      // } 
     } 
    ] 
} 

Je ne peux pas en mesure de mettre sur mon point d'arrêt éditeur de vscode. Si je le fais, il est automatiquement désactivé à cause du problème de mappage.

enter image description here

+0

utilisez plutôt le débogueur chrome, vous pouvez également mettre 'debug;' dans votre code afin qu'il se déclenche automatiquement dans le débogueur chrome. J'ai eu un problème similaire et j'abandonne maintenant pour essayer d'utiliser vscode pour déboguer mes 2 applications angulaires. – Kuncevic

+0

J'ai déjà installé le débogueur Chrome sur Vscode et 'debug;' le code interne montre une erreur. –

+0

Je voulais déboguer dans le navigateur chrome :)) – Kuncevic

Répondre

0

J'ajouté a full explanation à une autre question, mais voici un bref récapitulatif:

Ajouter à votre launch.json:

"diagnosticLogging": true 

Cela videra beaucoup d'informations supplémentaires dans la console . Recherchez simplement le nom de l'un de vos fichiers TypeScript et vous verrez le chemin où Chrome s'attend à trouver votre fichier source. Ajustez votre sourceMapPathOverrides pour l'aider à correspondre au chemin actuel et vous êtes prêt à partir.