Angular. Can't set breakpoints in VS Code

Опубликовано в Angular • 10 апреля 2018 г. • 1 мин. на чтение

Следует добавить конструкцию "sourceMapPathOverrides": { "webpack:/*": "${webRoot}/*" } в файл запуска .vscode/launch.json.

В результате содержимое файла launch.json должно иметь вид:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "ng serve",
      "sourceMapPathOverrides": {
        "webpack:/*": "${webRoot}/*"
      },
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:4200",
      "webRoot": "${workspaceFolder}",
    }
  ]
}

Похожие записи

Как добавить ng-bootstrap компоненты в проект Angular-CLI?

Покажу на примере нового проекта. 

ng new project_name
cd project_name
npm install --save bootstrap@next
npm install --save @ng-bootstrap/ng-bootstrap

В angular-cli.json в секцию style надо добавить наш CSS, чтобы глобально подключить стили.

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],
17 августа 2017 г. в Angular

ngx translate attribute

Используется конструкция 

<img src="image.jpg" [alt]="'KEY' | translate">
20 августа 2018 г. в Angular

Angular Storybook

Установите пакет npm i @storybook/cli -g и запустите команду sb init в корне angular проекта.

30 октября 2018 г. в Angular

Angular Resolver

Resolver гарантированно получает асинхронные данные до создания компонента исходя из параметров маршрута.