Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 11213|Απάντηση: 0

[Γωνιώδης] Περιβάλλον παραγωγής Angular 11 series (XIV) για εντοπισμό σφαλμάτων

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 11/8/2020 5:59:35 μ.μ. | | | |
Γωνιακά Σειρά 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

Γωνιακοί αγωγοί Custom Pipe Series 9 (IV).
https://www.itsvse.com/thread-9248-1-1.html

Το Angular 9 Series (V) μορφοποιεί τη μορφή νομίσματος ποσού
https://www.itsvse.com/thread-9249-1-1.html

Η γωνιακή σειρά 9 (VI) καλεί εγγενείς μεταβλητές και μεθόδους JS
https://www.itsvse.com/thread-9254-1-1.html

Εύρος τύπου CSS Angular 9 series (VII)
https://www.itsvse.com/thread-9264-1-1.html

Η σειρά Angular 9 (VIII) ενημερώνει την τιμή ενός θυγατρικού στοιχείου ενεργοποιώντας ένα συμβάν μέσω συνόλου
https://www.itsvse.com/thread-9267-1-1.html

Ο επιλογέας #id Angular 9 Series (εννέα) εφαρμόστηκε στη σελίδα
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 (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 echarts
https://www.itsvse.com/thread-9347-1-1.html

Συσκευάζουμε το έργο Angular σε ένα περιβάλλον παραγωγής με την εντολή build και το αναμενόμενο αποτέλεσμα μπορεί να διαφέρει από αυτό που βλέπουμε στο περιβάλλον ανάπτυξής μας.

Κωδικός TS:



Το AppComponent είναι το τρέχον στοιχείο.

Οι αποδόσεις του περιβάλλοντος ανάπτυξης και του περιβάλλοντος παραγωγής έχουν ως εξής:



Το περιβάλλον παραγωγής δεν ήταν καθόλου αυτό που περιμέναμε.

Σχετικά με τα δεδομένα της εντολής build:

Βελτιστοποίηση απόδοσης γωνιακής κατασκευής
https://www.itsvse.com/thread-9203-1-1.html
Αυτή τη στιγμή, πρέπει να το διορθώσουμε.
Το SourceMap είναι ένα αρχείο πληροφοριών που αποθηκεύει την αντιστοίχιση τοποθεσίας του πηγαίου κώδικα και του μεταγλωττισμένου κώδικα

Στην εργασία front-end, χρησιμοποιείται κυρίως για την επίλυση προβλημάτων εντοπισμού σφαλμάτων στις ακόλουθες τρεις πτυχές:

α. Μετά τη σύγχυση της συμπίεσης κώδικα
β. Μετά τη μεταγλώττιση σε css ή JS χρησιμοποιώντας άλλες γλώσσες όπως sass και typeScript
γ. Μετά τη συγχώνευση πολλών αρχείων χρησιμοποιώντας εργαλεία συσκευασίας όπως το webpack

Στις παραπάνω τρεις περιπτώσεις, δεν μπορούμε να διορθώσουμε τον πηγαίο κώδικα τόσο εύκολα όσο κάνουμε κατά τον εντοπισμό σφαλμάτων, επομένως χρειαζόμαστε το SourceMap για να μας βοηθήσει να τον μετατρέψουμε σε πηγαίο κώδικα στην κονσόλα για εντοπισμό σφαλμάτων.


Πρέπει να τροποποιήσουμε την εντολή build, η οποία έχει ως εξής:



(Πριν από την προσθήκη παραμέτρων)



(Μετά την προσθήκη παραμέτρων)

Μπορείτε να δείτε ότι δημιουργούνται πολλά αρχεία *.map.





Όπως φαίνεται στην παραπάνω εικόνα, χρησιμοποιήστε το Google Chrome, πατήστε F12 για να εισέλθετε στη λειτουργία προγραμματιστή, επιλέξτε πηγή, επιλέξτε main.js και, στη συνέχεια, κάντε δεξί κλικ και επιλέξτε την επιλογή "Προσθήκη χάρτη πηγής" για να προσθέσετε τη διεύθυνση του αρχείου χάρτη που δημιουργήθηκε.

Για παράδειγμα:

http://127.0.0.1:8089/main.568ae4bdd06023f965c7.js.map
(Τέλος)




Προηγούμενος:Η σειρά Angular 10 (δεκατρία) παρουσιάζει τους χάρτες Baidu echarts
Επόμενος:Κλήσεις προγράμματος περιήγησης υπολογιστή για εκτέλεση εφαρμογών .NET
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com