Setup-Winkel-cli den Aufbau der Produktion tfs

Lokal mein Projekt baut gut mit ng bauen-prod aber wenn ich es einrichten auf dem tfs (team foundation server) mit dem folgenden powershell-Skript aus, er schlägt mit einigen Fehlern.

ps Skript: 

npm install
npm run ng build --prod

tfs-build-output:

  • [1m[33mWARNING in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader!./~/sass-loader!./src/scss/style.scss

  • autoprefixer: D:\a\1\s\src\scss\style.scss:7468:3: Ersetzen Sie die transition-Eigenschaft, um den übergang, weil Autoprefixer konnten nicht alle Fälle des übergangs-Eigenschaft und andere übergangs-*
    @ ./src/scss/Stil.scss 4:14-203
    2017-04-30T07:17:51.9419669 Z @ multi ./~/primeng/resources/themes/bootstrap/Thema.css ./~/primeng/resources/primeng.min.css ./~/font-awesome/css/font-awesome.css ./src/scss/Stil.scss[39 Metern[22m

  • [Fehler] 0% kompilieren von 10% Gebäude-Module 0/1-Module 1 active multi D:\a\1\s\src\main.ts

  • [Fehler]Prozess beendet mit exit-code 0 und hatte 3 Fehler(N) geschrieben, der Fehler stream.

  • Versuchen Sie, entfernen Sie die lokale node_modules-Ordner und führen Sie npm und ich wieder bauen. Sie werden sehen, die gleichen Fehler?
  • Lokal baut es in Ordnung, aber Es baut nicht auf team foundation server.
  • Ich sehe, aber vielleicht Ihre Pakete, Versionen unterschiedlich sind mit tfs. Ich hatte das gleiche Problem. Er arbeitete auf die locale Maschine, weil ich die alte version und nicht update lokale node_modules
  • Ich habe versucht, und es baut feines, aber nicht auf tfs. Die build-host verwendest du und ist dein script das gleiche wie meins?
  • Ich weiß, dass es laufen konnte, auf Ihrem lokalen server, könntest du bitte testen Sie diese Datei ausführen oder den Befehl manuell auf Ihrem build-agent-server. Ihr Projekt ist die Kartierung nach unten auf den Pfad `D:\a\1\s`.
  • Tut mir Leid, aber wie kann ich es auf meinem build-agent? Ich bin mit der gehosteten man auf tfs.

InformationsquelleAutor Rick | 2017-04-30
  1. 11

    Funktioniert es jetzt, ich entfernte das powershell-Skript und zusätzlichen seperaten Aufgaben im build-Prozess.

    • npm installieren (standard)
    • npm install-g @eckig/cli (command-line)
    • ng bauen-prod (command line)

    Update basierend auf Kommentar:

    Können Sie auch verwenden: npm run ng build -- --prod. Auf diese Weise müssen Sie nicht haben, zu installieren eckig/cli.

    • Könntest du bitte markieren Sie es als Antwort
    • verwenden Sie 3 powershell-Skripts? (1 ps-Skript 1 Zeile) ?
    • Ich bin nicht mit ps-Skript im moment. Einfach cmd Befehle
    • funktioniert das installieren der Befehlszeilenschnittstelle jedes mal, wenn ein build ausgeführt wird?
    • Ja. Es ist nicht die beste, aber es funktioniert für den moment.
    • Ich habe versucht, die gleiche Sache, aber ich erhalte die Fehlermeldung: 'ng', nicht erkannt wird als Befehl interne oder externe, betriebsbereiten Programm oder batch-Datei.
    • Sie haben um die variable PATH in den Umgebungsvariablen für ng-Befehle.
    • Eigentlich ist die CLI wurde nicht immer korrekt installiert, so dass anstelle, aus einer Zeit, installation der CLI auf meinem TFS-server. Aktualisieren es bei Bedarf. Vielen Dank Sreekumar,..!
    • Wäre es nicht möglich, die ng-Befehl aus dem node_modules/.bin-Verzeichnis?
    • Vielen Dank für die npm run ng build --! Das spart eine Menge von PFAD-spezifische Probleme.

    InformationsquelleAutor Rick
  2. 2

    Ich Tat das gleiche wie das markierte Antwort, aber es nervte mich, dass es immer auf die Installation von angular-cli Global everytime. Also ich habe gerade gewechselt, die ein wenig wie diese:

    node $(Build.SourcesDirectory)/node_modules/@angular/cli/bin/ng build --prod -op $(Build.BinariesDirectory) -v

    nun, nach npm installiert alle deps, it ' s gonna installieren cli auch, und dann nur diese verwenden.

    InformationsquelleAutor Agash Thamo.
  3. 0

    Hinzufügen npm Aufgabe (Add Task >> Package >> npm) mit unter Konfiguration

    Setup-Winkel-cli den Aufbau der Produktion tfs

    InformationsquelleAutor ElasticCode
Schreibe einen Kommentar