Ionic-framework: PostCSSは間違ったソースマップエラーを生成する可能性があります

作成日 2018年01月04日  ·  27コメント  ·  ソース: ionic-team/ionic-framework

イオンバージョン:( 「x」でチェックしてください)
(Ionic 1.xの問題については、https://github.com/ionic-team/ionic-v1を使用してください)
[] 2.x
[x] 3.x
[] 4.x

送信しています... (「x」でチェックしてください)
[x]バグレポート
[]機能リクエスト

ここでは、サポートリクエストや「ハウツー」の質問を送信しないでください。 代わりに、 httpshttp://ionicworldwide.herokuapp.com/のいずれかのチャネルを使用してください。

現在の動作:
空のスターターまたはAndroidアプリを構築する他のテンプレートを使用して新しいアプリを構築すると、このエラーが発生します

[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 

予想される行動:
バグメッセージはすべきではありません

再現する手順:
を使用して新しい空のアプリを作成します
ionic start postcss
やっているAndroidアプリを構築する
ionic cordova build android

警告またはエラーメッセージを含むログを確認できます

[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 

イオン情報:(ターミナル/ cmdプロンプトからionic infoし、以下に出力を貼り付けます):

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

最も参考になるコメント

これが修正されるまで、1つの可能性は、エラーが発生する前にいくつかのパッチを元に戻すことです。

npm i -D -E [email protected]

PostCSSのCHANGELOG.md

6.0.16
警告テキストを修正しました(Michael Kellerによる)。
6.0.15
process()。then()呼び出しのオプションからの欠落に関する警告を追加します。
IE10のサポートを追加します。

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

で: ionic-app-scriptsのpackage.json
この"postcss": "^6.0.13"は、新しい警告のある新しいパッチ6.0.15もインストールします。

全てのコメント27件

警告が言うように:

fromオプションがないと、PostCSSが間違ったソースマップを生成したり、Browserslist構成が見つからなかったりする可能性があります。 この警告を防ぐには、CSSファイルパスまたはundefinedしてください

フィールドfromを追加し、それをundefinedに設定して、プルリクエストを作成しました。

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

これにより、この警告が解決されます。 しかし、これがさらに影響を与えるかどうかはわかりません。Ionicチームは、生成されたcssファイルなどへのパスをそこに入力する必要があります。

@danbucholtzこれを確認して
(「警告」はエラーとして解釈されます。)

編集:PostCSSは最終的にconsole.warnを使用しますが、これはノードからstderrパイプに送られ、TeamFSは失敗します。

stderrは、警告またはエラー出力に使用されます。 ソース

これが修正されるまで、1つの可能性は、エラーが発生する前にいくつかのパッチを元に戻すことです。

npm i -D -E [email protected]

PostCSSのCHANGELOG.md

6.0.16
警告テキストを修正しました(Michael Kellerによる)。
6.0.15
process()。then()呼び出しのオプションからの欠落に関する警告を追加します。
IE10のサポートを追加します。

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

で: ionic-app-scriptsのpackage.json
この"postcss": "^6.0.13"は、新しい警告のある新しいパッチ6.0.15もインストールします。

これは修正されましたか?

@thezakmanまだです。 問題は未解決です。 警告はまだ存在します。

sass.jsファイルを見つけます。 /node_modules/@ionic/app-scripts/dist/sass.jsの下。
var postcssOptionsを見つけて、追加元:undefined、

最後に次のようになります。
var postcssOptions = {
差出人:未定義、
宛先:path_1.basename(sassConfig.outFile)、
マップ:autoPrefixerMapOptions
};

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

node_modulesディレクトリ内のファイルは変更しないでください。 パッケージを更新し、再インストールし、新しいプロジェクトにインストールすると、変更はすべて失われます。

今のところ、上記の提案を使用してください。

私はこれを使って問題を解決します(@AlbenJohnにも感謝します)
https://stackoverflow.com/a/48315414

これに対する修正はありますか?

ビルドが壊れているわけではありませんが、この警告は私にも表示されます。 これは1行のクイックフィックスですが、これに対するプルリクエストはすでにありますか?

@ johnroper100はい、承認されました(上記にリンクされています)。

編集:マップファイルは正しく機能しています。

この警告は引き続き表示されます。

この警告は引き続き表示されます。

この警告は引き続き表示されます。

@JosepAlacid @Veyhunkが示唆@hanifmazlan修正を使用してみてください@ajmalhassan。 それは実際に私のために働きます。 https://stackoverflow.com/a/48315414/3288671

確かにそうですが、

この警告は引き続き表示されます。

この警告は引き続き表示されます。

この警告は引き続き表示されます。

この警告は引き続き表示されます。

この警告は引き続き表示されます。

停止してください。 これは何の役にも立ちません。
これはオープンソースプロジェクトです。 時間があれば直します。
警告を修正するための上記の解決策があります。

IONICチームを代表して話したくはありませんが、ここで何かを言う必要があるように感じます。

この問題は、「この警告はまだ表示されます」というコメントの数に比例して解決に近づくことはありません。 /「これに関する更新」/「これに対する修正」/など

行き詰まっている場合は、スレッドを読んでください。名前が示すように、回避策があります。 これに関する最新情報を入手したい場合は、[購読]ボタンをクリックしていくつかのキーストロークを保存してください。これにより、電子メールで最新情報を受け取ることができます。 また、誰かが「これに関する更新はありますか?」とコメントするたびに更新を受け取りますので、その人にならないでください。

この警告は引き続き表示されます。

@jhonnhenryおい、真剣に? 私たちは知っています-問題はまだ開いています。 ただ購読して、あなたの道を進んでください...

コメントを残すことを主張する場合は、実行しているバージョンなどの洞察を提供することで、生産性の向上にご協力ください。

私はこの回避策を見つけました

まず、/ node_modules / @ ionic / app-scripts / dist /sass.jsの下にあるsass.jsファイルを見つけます。 検索変数postcssOptions内で、追加元:undefined、

最後に次のようになります。

var postcssOptions = {
差出人:未定義、
宛先:path_1.basename(sassConfig.outFile)、
マップ:autoPrefixerMapOptions
};

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

まだ彼の警告を受けました。 node_modulesにジャンプすることは深刻ではありません:: /

問題をありがとう! Ionic3のソースコードと問題を別のリポジトリに移動しました。 この問題をIonic3のリポジトリに移動します。この問題を追跡してください。

Ionicをご利用いただきありがとうございます。

問題は次の場所に移動しました: https

このページは役に立ちましたか?
0 / 5 - 0 評価