Ionic-framework: PostCSS könnte einen falschen Quellkartenfehler erzeugen

Erstellt am 4. Jan. 2018  ·  27Kommentare  ·  Quelle: ionic-team/ionic-framework

Ionische Version: (eine mit "x" ankreuzen)
(Bei Problemen mit Ionic 1.x verwenden Sie bitte https://github.com/ionic-team/ionic-v1)
[ ] 2.x
[x] 3.x
[ ] 4.x

Ich sende ein ... (eins mit "x" ankreuzen)
[x] Fehlerbericht
[ ] Featureanfrage

Bitte stellen Sie hier keine Support-Anfragen oder "How to"-Fragen. Verwenden Sie stattdessen bitte einen dieser Kanäle: https://forum.ionicframework.com/ oder http://ionicworldwide.herokuapp.com/

Aktuelles Verhalten:
Wenn wir eine neue App mit Ihrem leeren Starter oder einer anderen Vorlage erstellen, die die Android-App erstellt, tritt dieser Fehler auf

[16:52:18]  sass started ... 
Witout `from` option PostCSS could generate wrong source map or do not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning
[16:52:19]  sass finished in 1.13 s 

Erwartetes Verhalten:
Die Fehlermeldung sollte nicht sein

Schritte zum Reproduzieren:
Erstellen Sie eine neue leere App mit
ionic start postcss
Bauen Sie die Android-App auf
ionic cordova build android

und Sie können das Protokoll mit der Warn- oder Fehlermeldung sehen

[16:57:54]  sass started ... 
Witout `from` option PostCSS could generate wrong source map or do not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning
[16:57:55]  sass finished in 793 ms 

Ionic info: (führen Sie ionic info von einer Terminal-/cmd-Eingabeaufforderung aus und fügen Sie die Ausgabe unten ein):

cli packages: (/usr/lib/node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 8.0.0 

local packages:

    @ionic/app-scripts : 3.1.6
    Cordova Platforms  : android 7.0.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v8.9.4
    npm               : 5.6.0 
    OS                : Linux 4.13

Environment Variables:
    ANDROID_HOME : /abcdef/android/sdk

Misc:
    backend : legacy
v3

Hilfreichster Kommentar

Bis dies behoben ist, besteht eine Möglichkeit darin, einige Patches zurückzusetzen, bevor der Fehler eingeführt wurde:

npm i -D -E [email protected]

CHANGELOG.md von PostCSS

6.0.16
Warntext korrigieren (von Michael Keller).
6.0.15
Warnung über verpasste Option beim Aufruf von process().then() hinzufügen.
IE 10-Unterstützung hinzufügen.

https://github.com/postcss/postcss/blame/master/lib/lazy-result.es6#L192

In der: package.json von ionic-app-scripts
dieses "postcss": "^6.0.13" installiert auch den neuen Patch 6.0.15 , der die neue Warnung enthält.

Alle 27 Kommentare

Wie die Warnung sagt:

Ohne from Option könnte PostCSS eine falsche Quellzuordnung generieren oder die Browserslist-Konfiguration nicht finden. Setzen Sie es auf den CSS-Dateipfad oder auf undefined , um diese Warnung zu verhindern

Ich habe das Feld from hinzugefügt und auf undefiniert gesetzt und einen Pull-Request erstellt.

https://github.com/StefanRein/ionic-app-scripts/blob/29873ae96611ae209ca4b065fd9940d6b7b96bda/src/sass.ts#L285

Dadurch wird diese Warnung behoben. Aber ich weiß nicht, ob das weitere Konsequenzen hat und das Ionic-Team dort einen Pfad zur generierten CSS-Datei oder ähnliches eintragen muss.

@danbucholtz Könnten Sie das bitte überprüfen? Aus diesem Grund schlagen unsere automatisierten Builds fehl.
(Die "Warnung" wird als Fehler interpretiert..)

Bearbeiten: PostCSS verwendet letztendlich console.warn, aber dies geht auf den Knoten zur stderr-Pipe und unser TeamFS schlägt fehl.

stderr wird für die Ausgabe von Warnungen oder Fehlern verwendet. Quelle

Bis dies behoben ist, besteht eine Möglichkeit darin, einige Patches zurückzusetzen, bevor der Fehler eingeführt wurde:

npm i -D -E [email protected]

CHANGELOG.md von PostCSS

6.0.16
Warntext korrigieren (von Michael Keller).
6.0.15
Warnung über verpasste Option beim Aufruf von process().then() hinzufügen.
IE 10-Unterstützung hinzufügen.

https://github.com/postcss/postcss/blame/master/lib/lazy-result.es6#L192

In der: package.json von ionic-app-scripts
dieses "postcss": "^6.0.13" installiert auch den neuen Patch 6.0.15 , der die neue Warnung enthält.

wurde das behoben?

@thezakman Noch nicht. Das Thema ist offen. Die Warnung besteht weiterhin.

Suchen Sie die Datei sass.js. unter /node_modules/@ionic/app-scripts/dist/sass.js.
finde var postcssOptions und füge hinzu von: undefined,

Schließlich sollte es so sein:
var postcssOptions = {
von: undefiniert,-
zu: path_1.basename(sassConfig.outFile),
Karte: autoPrefixerMapOptions
};

https://github.com/ionic-team/ionic-app-scripts/pull/1364#issuecomment -358557878

Sie sollten keine Dateien im Verzeichnis node_modules ändern. Wenn Sie Pakete aktualisieren, neu installieren und in einem neuen Projekt installieren, sind alle Änderungen weg.

Bitte verwenden Sie vorerst den obigen Vorschlag.

Ich löse das Problem damit (Danke auch an @AlbenJohn)
https://stackoverflow.com/a/48315414

Irgendeine Lösung dafür?

Obwohl es meine Builds nicht zerstört, wird diese Warnung auch für mich angezeigt. Dies ist eine schnelle Lösung in einer Zeile, gibt es dafür bereits einen Pull-Request?

@ johnroper100 Ja und es wurde genehmigt (es ist oben verlinkt).

Bearbeiten: Die Kartendateien funktionieren ordnungsgemäß.

Diese Warnung wird immer noch angezeigt.

Diese Warnung wird immer noch angezeigt.

Diese Warnung wird weiterhin angezeigt.

@JosepAlacid @Veyhunk @ajmalhassan versuchen Sie es mit dem von @hanifmazlan vorgeschlagenen Fix. Bei mir funktioniert es tatsächlich. https://stackoverflow.com/a/48315414/3288671

Das stimmt, aber wie @StefanRein vorschlägt, ist es immer noch meilenweit von jeder produktionsähnlichen Umgebung entfernt. besser, node_modules zu vermeiden. Warte immer noch auf eine richtige Lösung. Irgendwelche Updates vom Ionic-Team?

Diese Warnung wird immer noch angezeigt.

Diese Warnung wird immer noch angezeigt.

Diese Warnung wird immer noch angezeigt.

Diese Warnung wird immer noch angezeigt.

Diese Warnung wird immer noch angezeigt.

Bitte hör auf. Das hilft in keinster Weise.
Dies ist ein Open-Source-Projekt. Wenn die Leute Zeit haben, werden sie es reparieren.
Es gibt oben genannte Lösungen, um die Warnung zu beheben.

Obwohl ich nicht im Namen des IONIC-Teams sprechen möchte, habe ich das Gefühl, dass hier etwas gesagt werden muss:

Dieses Problem wird im Verhältnis zur Anzahl der Kommentare mit dem Hinweis "Diese Warnung wird immer noch angezeigt" nicht näher zur Lösung gebracht. / "Alle Updates dazu" / "Alle Fixes dafür" / etc.

Wenn Sie nicht weiterkommen, lesen Sie den Thread – es gibt einen Workaround, der Sie, wie der Name schon sagt, zum Arbeiten bringt. Wenn Sie diesbezüglich Updates erhalten möchten, speichern Sie einige Tastenanschläge, indem Sie auf die Schaltfläche „Abonnieren“ klicken – damit können Sie Updates per E-Mail erhalten. Du erhältst auch jedes Mal Updates, wenn jemand "Irgendein Update dazu?" kommentiert, also sei bitte nicht diese Person.

Diese Warnung wird immer noch angezeigt.

@jhonnhenry Alter, ernsthaft? Wir wissen - das Thema ist noch offen. Einfach abonnieren und los gehts...

Wenn Sie darauf bestehen, einen Kommentar zu hinterlassen, helfen Sie uns, produktiver zu sein, indem Sie uns einen Einblick geben, welche Versionen Sie verwenden.

Ich habe diesen Workaround gefunden

Suchen Sie zuerst die Datei sass.js unter /node_modules/@ionic/app-scripts/dist/sass.js. Suche nach var postcssOptions und füge hinzu von: undefined,

Schließlich sollte es so sein:

var postcssOptions = {
von: undefiniert,-
zu: path_1.basename(sassConfig.outFile),
Karte: autoPrefixerMapOptions
};

https://stackoverflow.com/questions/48162738/without-from-option-postcss-could-generate-wrong-source-map-or-do-not-find-bro

Habe immer noch seine Warnung. In node_modules zu springen ist nicht ernst ::/

Danke für das Problem! Wir haben den Quellcode und die Probleme für Ionic 3 in ein separates Repository verschoben. Ich verschiebe dieses Problem in das Repository für Ionic 3. Bitte verfolgen Sie dieses Problem dort.

Vielen Dank, dass Sie Ionic verwenden!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

vswarte picture vswarte  ·  3Kommentare

daveshirman picture daveshirman  ·  3Kommentare

BilelKrichen picture BilelKrichen  ·  3Kommentare

giammaleoni picture giammaleoni  ·  3Kommentare

alexbainbridge picture alexbainbridge  ·  3Kommentare