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}",
    }
  ]
}

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

Импорты scss в angular

    "styles": [
      "src/styles.scss"
    ],
    "stylePreprocessorOptions": {

@Directive v/s @Component in Angular

Компоненты создают DOM элементы и добавляют к ним поведение, а директивы только добавляют поведение к существующим DOM элементам

Плюрализованные сообщения в ngx-translate

Необходимо выводить:

1 сайт
2,3,4 сайта
5,6,.. сайтов

Angular routerLink conditionally

<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>

Angular. Использование web components

Предлагается вместо CUSTOM_ELEMENTS_SCHEMA использовать @Directive() обёртки над веб-компонентами

Angular. Отличие baseHref от deployUrl

deployUrl - задаёт путь для статических (js, css) файлов в index.html.
baseHref - определяет base, используется в ссылках и маршрутизации (routing) Angular