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

Angular environment variables

Создание и использования переменных окружения в Angular с использованием CLI >= 6 версии.

#local variable внутри *ngIf

Представлены 2 варианта решения, как сослаться на локальную переменную шаблона (#myVar) за пределами шаблона:

@ViewChild
@ViewChildren

Angular. HTTP long polling

httpRequest.pipe(
  repeat(),
  takeUntil(stop$)
).subscribe(x => console.log(x));

Angular разработка с удаленной сборкой

ng build --watch
npx lite-server --baseDir="dist/project-name"

Angular Let Directive

*ngIf не отображает содержимое в falsy случаях (0, null, undefined) на async pipe, в пакете @rx-angular/template предлагается решение