2017-02-06 7 views
-4

Я пытаюсь запустить проект angular2 из кода vs. Вот файлы tsconfig, lanuch.json.VS Исходный код кода wan неправильно отображен

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:///*": "/*" 
      // } 
     } 
    ] 
} 

Я не могу в состоянии установить точку останова на мой редактор vscode. Если я это сделаю, он автоматически отключится из-за проблемы с отображением.

enter image description here

+0

использовать хром-отладчик, а также вы можете поместить 'debug;' в свой код, чтобы он автоматически запускался в хром-отладчике. У меня была аналогичная проблема, и сейчас я просто отказываюсь от попыток использовать vscode для отладки моих угловых приложений. – Kuncevic

+0

Я уже установил отладчик Chrome на Vscode и 'debug;' внутри кода показывает ошибку. –

+0

Я хотел отлаживать в браузере Chrome :)) – Kuncevic

ответ

0

Я добавил a full explanation на другой вопрос, но вот краткое резюме:

Добавьте это в launch.json:

"diagnosticLogging": true 

Это сбросит много дополнительной информации в консоли , Просто найдите имя одного из ваших файлов TypeScript, и вы увидите путь, по которому Chrome рассчитывает найти ваш исходный файл. Настройте свой sourceMapPathOverrides, чтобы он соответствовал фактическому пути, и вам хорошо.