Удалить строку состояния «App Ready» на сервере Angular dev

Question

Я использовал CLI Angular для создания нового проекта, и в верхней части моего приложения отображается строка состояния с надписью «Готово к работе». Я не могу найти ничего об этой строке заголовка в документах CLI Angular, и это может сильно отвлекать во время разработки. Как мне от этого избавиться?

$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 8.3.23
Node: 12.14.1
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.23
@angular-devkit/build-angular     0.803.23
@angular-devkit/build-optimizer   0.803.23
@angular-devkit/build-webpack     0.803.23
@angular-devkit/core              8.3.23
@angular-devkit/schematics        8.3.23
@angular/cli                      8.3.23
@ngtools/webpack                  8.3.23
@schematics/angular               8.3.23
@schematics/update                0.803.23
rxjs                              6.4.0
typescript                        3.5.3
webpack                           4.39.2

Answer 1

Проблема в том, что ваша страница загружается в iframe Dev Server. Как объяснено в документации Webpack, можно указать, что он должен быть загружен встроенным . Эта конфигурация может быть сохранена в файле JS в root из Angular (теперь без необходимости использовать ng eject).

При этом Самое простое решение состоит в том, чтобы просто go перейти к URL-адресу непосредственно из iFrame, т. е. изменить URL-адрес в строке адреса браузера с:

http://localhost:4200/webpack-dev-server/

на путь, соответствующий вашему например, проект:

http://localhost:4200/index.html

Который, при использовании маршрутизатора, перенаправит на базовый маршрут - так что вы можете просто получить доступ к любому маршруту без строки состояния, например:

http://localhost:4200/home