Производствена среда Angular серия 11 (XIV) за отстраняване на грешки

Малък боклук · Публикувано в 11.08.2020 г. 17:59:35 ч.

Динамично натоварени компоненти от Angular 9 серия (1)
https://www.itsvse.com/thread-9238-1-1.html

Ъглова серия 9 (2) параметри за динамично предаване на компоненти
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 серия (3) се абонира за динамични компонентни събития
https://www.itsvse.com/thread-9246-1-1.html

Angular Series 9 (IV) Custom Pipe Pipelines
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) форматира формата на сумата валута
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) извиква нативни JS променливи и методи
https://www.itsvse.com/thread-9254-1-1.html

Angular серия 9 (VII) CSS стил оптика
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 series (VIII) актуализира стойността на дъщерен компонент, като задейства събитие чрез set
https://www.itsvse.com/thread-9267-1-1.html

Селекторът на Angular 9 Series (девет) #id приложен на страницата
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 серия (10) вгражда vconsole и eruda панели за дебъгване
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 начина за дефиниране на стилове
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 серия (XII) генерира динамични токени на база OTP
https://www.itsvse.com/thread-9325-1-1.html

Серия Angular 10 (тринадесета) представя Baidu echart графики
https://www.itsvse.com/thread-9347-1-1.html

Пакетираме проекта Angular в продукционна среда с командата build и очакваният ефект може да се различава от този, който виждаме в нашата среда за разработка.

TS код:

Входът е видим.

AppComponent е текущият компонент.

Визуализациите на средата за разработка и продукционната среда са следните:

Производствената среда изобщо не беше това, което очаквахме.

Относно данните за командите за билд:

Оптимизация на производителността при ъглово строителство
https://www.itsvse.com/thread-9203-1-1.html

В момента трябва да го дебъгваме.
SourceMap е информационен файл, който съхранява картографирането на местоположението на изходния код и компилирания код

В фронтенд работата се използва основно за решаване на дебъг проблеми в следните три аспекта:

а. След объркване на кода
b. След компилиране в css или JS с други езици като sass и typeScript
в. След мултифайлово сливане с инструменти за опаковане като webpack

В горните три случая не можем да дебъгваме изходния код толкова лесно, колкото при дебъгване, затова ни трябва SourceMap да ни помогне да го конвертираме в изходния код на конзолата за отстраняване на грешки.

Трябва да модифицираме командата build, която е следната:

Входът е видим.

(Преди да добавя параметри)

(След добавяне на параметри)

Виждате, че се генерират много *.map файлове.

Както е показано на снимката по-горе, използвайте Google Chrome, натиснете F12, за да влезете в режим на разработчик, изберете източник, изберете main.js и след това кликнете с десен бутон и изберете опцията "Add Source карта", за да добавите адрес на генерирания файл с карта.

Например:

http://127.0.0.1:8089/main.568ae4bdd06023f965c7.js.map

(Край)

[Ъглова] Производствена среда Angular серия 11 (XIV) за отстраняване на грешки

Свързани публикации

Разгледани секции