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

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

Про Angular Universal & Server-side rendering

ng add @nguniversal/express-engine --clientProject 
npm run build:ssr && npm run serve:ssr

Вставить <script> в Angular компонент

Добавление сторонних скриптов в Angular по запросу. Как известно, добавить скрипт через шаблон невозможно. Представлено решение как это сделать программно.

Angular environment service

Использование сервиса для окружения вместо прямой ссылки на environment.ts

Аналог Jasmine createSpyObj в Jest

// Jest
const serviceMock = {
 methods: jest.fn(),
 you: jest.fn(),
 want: jest.fn(),
 to: jest.fn(),
 mock: jest.fn()
};

Angular. base-href через переменные окружения docker контейнера

Решение, позволяющее размещать frontend на поддомене (dci.example.com) или на префиксе маршрута (example.com/dci).

Angular анимация для router-outlet

Быстрое создание router анимации, используя buildRouteTransition из ngx-animations