Als «angular» getaggte Fragen

Fragen zu Angular (nicht zu verwechseln mit AngularJS), dem Webframework von Google. Verwenden Sie dieses Tag für Winkelfragen, die nicht für eine einzelne Version spezifisch sind. Verwenden Sie für das ältere AngularJS (1.x) -Webframework das AngularJS-Tag.

2
Das Plugin "Proposal-Numeric-Separator" in der Winkel-App konnte nicht gefunden werden
Ich erhalte unter Fehler beim Laufen ng build --prod. An unhandled exception occurred: [BABEL] /root/catch-up-enterprise/dist/polyfills-es5.8e4ba13e1c10f0a37bb4.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/root/catch-up-enterprise/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/index.js") See "/tmp/ng-sg4wHH/angular-errors.log" for further details Fehlerprotokoll: [root@localhost ~]# more /tmp/ng-sg4wHH/angular-errors.log [error] Error: [BABEL] /root/catch-up-enterprise/dist/polyfills-es5.8e4ba13e1c10f0a37bb4.js: Could not find plugin …
11 angular  npm 

1
src / zone-flags.ts fehlt nach dem Upgrade auf Ionic 5 in der TypeScript-Kompilierung
Ich habe meine Ionic 4-Anwendung mit diesen beiden Befehlen aktualisiert: # Upgrading to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save # Upgrading to Angular 9 ng update @angular/core @angular/cli Und als ich das tat ionic serve, bekam ich diesen Fehler: > ng run app:serve --host=localhost --port=8100 [ng] chunk {} 0.js, …

2
Angular Browserslist: caniuse-lite ist veraltet. Bitte führen Sie den nächsten Befehl `npm update` aus
Ich habe kürzlich begonnen, diesen Fehler in einem Angular 8-Projekt (Knoten 10.16.0) zu erhalten, an dem ich arbeite. Das Ausführen der Browserliste "npm update caniuse-lite" hat nichts bewirkt Also habe ich package-lock.json entfernt, node_modules entfernt und npm install ausgeführt, aber die Browserlistendatei ist verschwunden. Wenn ich ng build ausführe, erhalte …


1
Wie kann ich diese Warnung in Google Chrome beheben? Cookie… `SameSite = None`, aber ohne` Secure`
Dieser Code this.afAuth.auth.signInWithPopup (neuer auth.GoogleAuthProvider ()) generiert diese Warnung in Chrome: Ein Cookie, das einer Ressource unter http://google.com/ zugeordnet ist, wurde mit, SameSite=Noneaber ohne gesetzt Secure. Eine zukünftige Version von Chrome liefert Cookies mit standortübergreifenden Anfragen nur, wenn sie mit SameSite=Noneund gesetzt sind Secure.

2
Wann sollte ich ein neues Abonnement für eine bestimmte Nebenwirkung erstellen?
Letzte Woche beantwortete ich eine RxJS- Frage, in der ich mit einem anderen Community-Mitglied über Folgendes diskutierte: "Soll ich für jede bestimmte Nebenwirkung ein Abonnement erstellen oder sollte ich versuchen, Abonnements im Allgemeinen zu minimieren?" Ich möchte wissen, welche Methologie im Hinblick auf einen vollständig reaktiven Anwendungsansatz zu verwenden ist …


2
Was ist der Unterschied zwischen dem Bereitstellen und Injizieren von "Fenster" und "Fenster" in Winkel 8 und 9?
Ich habe zwei Angular-Projekte mit diesen Versionen: 9.0.0-next.6 8.1.0 In der Version 9 habe ich dies verwendet, um das windowObjekt bereitzustellen und zu injizieren : @NgModule({ providers: [ { provide: Window, useValue: window }, ] }) export class TestComponent implements OnInit { constructor(@Inject(Window) private window: Window) } Welches funktioniert gut. …

1
Nicht erfasster TypeError: t.rgb ist keine Funktion
Nicht erfasster TypeError: t.rgb ist keine Funktion Ich habe eine eckige Anwendung erstellt, sie erstellt und versuche, sie bereitzustellen $ ng serve --prod --aot Dies führt zu folgendem Fehler in der Konsole Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) …

2
Wie füge ich Flex-Layout hinzu?
Ich versuche, einer eckigen App ein Flex-Layout hinzuzufügen, aber wenn ich es tue und versuche, es zu verwenden, wird die App unterbrochen. Ich habe installiert npm i @angular/flex-layout @angular/cdk dann in app.module.ts importiert import { FlexLayoutModule } from '@angular/flex-layout'; import [ FlexLayoutModule ] Ich habe auch Typoskript auf den neuesten …

1
Das Argument vom Typ 'NgElementConstructor <unbekannt>' kann nicht dem Parameter vom Typ 'CustomElementConstructor' zugewiesen werden.
Ich erhalte eine seltsame Warnung in VSCode (1.44.0-Insider) mit Angular9 beim Erstellen von Angular Elements: export class AppModule { constructor(private injector: Injector) { const helloElement = createCustomElement(HelloComponent, {injector}); customElements.define('my-hello', helloElement); } ngDoBootstrap() {} } Typ von helloElementwird mit einer Fehlermeldung von Typoskript nicht akzeptiert: Das Argument vom Typ 'NgElementConstructor' kann …

2
Wie verwende ich eckige 9 $ Lokalisierung mit Pluralformen?
Seit Angular 9 können wir verwenden $localize`Hello ${name}:name:` Für i18n im Typoskript-Code. Dies hat immer noch einige Einschränkungen, da der ng xi18nBefehl die Zeichenfolgen nicht erkennt. Wenn diese Texte jedoch manuell zur Übersetzungsdatei hinzugefügt werden, funktioniert dies. Die $localizeFunktion ist im JSDoc in der Quelle recht gut dokumentiert , erklärt …

1
Warum macht setTimeout () meine App verzögert, Rxjs timer (). Subscribe (…) jedoch nicht?
Ich habe eine Komponente, die einige Kommentare im Abstand von 100 ms "faul lädt". Wenn ich setTimeout benutze, ist es wirklich verzögert. Komponente &lt;div *ngFor="let post of posts"&gt; &lt;app-post [post]="post" &gt;&lt;/app-post&gt; &lt;/div&gt; Dies macht meine Anwendung verzögert (durchschnittlich 14 fps, Leerlaufzeit 51100 ms): while(this.postService.hasPosts()){ setTimeout(()=&gt; { this.posts.push(this.postService.next(10)); },100); } Dies …

8
Nachdem ich ng bootstrap installiert und kompiliert habe, erhalte ich diesen Fehler
FEHLER in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden. 191 set ngbPanelToggle (Panel: NgbPanel); ~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden. 28 set fokussiert (isFocused: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - Fehler TS1086: …


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.