Wie erstellt man eine WAR Datei aus einem angular 2 (angular-cli) Projekt?

Question

Ich möchte eine WAR-Datei erstellen, um das angular2-Projekt in einem Apache-Tomcat-Server zu implementieren. Ich habe ein Maven-Projekt gemacht und das angular2-Projekt darin eingefügt. Dann habe ich den Webapp-Ordner (anstelle des Dist-Ordners im angular2-Projekt) im src/main im Maven-Projekt mit angle-cli erstellt. Wenn ich den Apache-Server starte, werden folgende Fehler angezeigt.

Error loading http://localhost:8080/vendor/angularfire2/angularfire2.js as "angularfire2" from http://localhost:8080/app/app.module.js ; Zone: ; Task: Promise.then ; Value: Error: Error: XHR error (404 Not Found) loading http://localhost:8080/traceur (…) null

Dies sieht aus wie die lästige Abhängigkeit ist der angularfire2. Wie finden wir das? Übrigens, ich benutze angular2 rc-5.

Answer 1

Wenn Sie lokal bereitstellen möchten. Sprechen Sie speziell bei localhost: 8080 (Tomcat), gehen Sie zur service.msc und starten Sie Tomcat Services. Baue deine eckigen 2/eckigen 4 mit (ng build). Öffnen Sie nun den eckigen Projektordner und kopieren Sie die Dateien im Ordner dist in einen neuen Ordner say (webui). Öffnen Sie die Seite index.html und geben Sie als. Kopieren Sie diesen Ordner in "C: \ Programme \ Apache Software Foundation \ Tomcat 8.0 \ webapps". Gehen Sie zum Browser und geben Sie localhost: 8080/webui ein.

So habe ich meinen eckigen 4 statischen Inhalt in Tomcat eingesetzt. Hoffe das hilft dir.

Answer 2

In Ihrem index.html Set base href auf „“ oder in Ihrem Fall (Kater) auf „webapps“, die für mich arbeitet