Ionic-framework: قد يؤدي PostCSS إلى إنشاء خطأ خاطئ في خريطة المصدر

تم إنشاؤها على ٤ يناير ٢٠١٨ · 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] تقرير الشوائب
[ ] طلب المواصفات

يُرجى عدم إرسال طلبات الدعم أو أسئلة "الكيفية" هنا. بدلاً من ذلك ، يرجى استخدام إحدى هذه القنوات: https://forum.ionicframework.com/ أو http://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

المعلومات الأيونية: (قم بتشغيل ionic info من موجه Terminal / cmd والصق الإخراج أدناه):

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

مصدر

mburger81

👍47

التعليق الأكثر فائدة

حتى يتم إصلاح ذلك ، فإن أحد الاحتمالات هو إعادة بعض التصحيحات قبل ظهور الخطأ:

npm i -D -E [email protected]

CHANGELOG.md من PostCSS

6.0.16
إصلاح نص التحذير (بواسطة مايكل كيلر).
6.0.15
أضف تحذيرًا بشأن الفائتة من الخيار عند العملية (). ثم () الاتصال.
أضف دعم IE 10.

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

في: package.json للنصوص البرمجية للتطبيقات الأيونية
هذا "postcss": "^6.0.13" يثبّت أيضًا التصحيح الجديد 6.0.15 ، الذي يحتوي على التحذير الجديد.

StefanRein في ٩ يناير ٢٠١٨

👍19 ❤1 🎉1

ال 27 كومينتر

كما يقول التحذير:

بدون from option قد تنشئ PostCSS خريطة مصدر خاطئة أو لا تعثر على تكوين قائمة المستعرضات. اضبطه على مسار ملف 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 للتحذير أو الخطأ الناتج. مصدر

StefanRein في ٩ يناير ٢٠١٨

حتى يتم إصلاح ذلك ، فإن أحد الاحتمالات هو إعادة بعض التصحيحات قبل ظهور الخطأ:

npm i -D -E [email protected]

CHANGELOG.md من PostCSS

6.0.16
إصلاح نص التحذير (بواسطة مايكل كيلر).
6.0.15
أضف تحذيرًا بشأن الفائتة من الخيار عند العملية (). ثم () الاتصال.
أضف دعم IE 10.

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

StefanRein في ٩ يناير ٢٠١٨

👍19 ❤1 🎉1

هل تم إصلاح هذا؟

thezakman في ١٨ يناير ٢٠١٨

تضمين التغريدة القضية مفتوحة. التحذير لا يزال موجودا.

StefanRein في ١٨ يناير ٢٠١٨

👍9 😕4 🎉3

ابحث عن ملف sass.js. تحت /node_modules/@ionic/app-scripts/dist/sass.js.
اعثر على خيارات var postcss وأضفها من: undefined،

أخيرًا يجب أن يكون مثل هذا:
var postcssOptions = {
from: غير محدد ،
إلى: path_1.basename (sassConfig.outFile) ،
الخريطة: autoPrefixerMapOptions
} ؛

AlbenJohn في ٢٠ يناير ٢٠١٨

👍13 🎉3 😕1

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

يجب عدم تعديل أي ملفات في دليل node_modules. إذا قمت بتحديث الحزم ، فأعد تثبيتها ، وتثبيتها في مشروع جديد ، وستختفي أي تعديلات.

الرجاء استخدام الاقتراح أعلاه الآن.

StefanRein في ٢٠ يناير ٢٠١٨

👍3

لقد حللت المشكلة باستخدام هذا (thanx أيضًا إلىAlbenJohn)
https://stackoverflow.com/a/48315414

hanifmazlan في ١ فبراير ٢٠١٨

👍1

أي إصلاح في هذا؟

polfernandez في ١٥ فبراير ٢٠١٨

على الرغم من أنه لا يكسر بنياتي ، إلا أن هذا التحذير يظهر لي أيضًا. هذا إصلاح سريع من سطر واحد ، هل يوجد بالفعل طلب سحب لهذا؟

johnroper100 في ٢٤ فبراير ٢٠١٨

@ johnroper100 نعم وتمت الموافقة عليه (مرتبط أعلاه).

تحرير: ملفات الخرائط تعمل بشكل صحيح.

StefanRein في ٢٥ فبراير ٢٠١٨

لا يزال هذا التحذير يظهر.

JosepAlacid في ١٩ مارس ٢٠١٨

👍7

لا يزال هذا التحذير يظهر.

Veyhunk في ٦ أبريل ٢٠١٨

👍3

لا يزال هذا التحذير يظهر.

ajmalhassan في ١٤ أبريل ٢٠١٨

😄3 🎉2

JosepAlacidVeyhunkajmalhassan حاول استخدام الإصلاح التيhanifmazlan المقترحة. انها تعمل حقا بالنسبة لي. https://stackoverflow.com/a/48315414/3288671

nickthakkar في ١٦ أبريل ٢٠١٨

صحيح ، هذا صحيح ، لكن كما يقترح StefanRein ، لا يزال على بعد أميال من أي بيئة شبيهة بالإنتاج. من الأفضل تجنب node_modules. لا تزال تنتظر الإصلاح المناسب. أي تحديثات من فريق Ionic؟

bobbino في ١٨ أبريل ٢٠١٨

لا يزال هذا التحذير يظهر.

kirillgroshkov في ١١ مايو ٢٠١٨

لا يزال هذا التحذير يظهر.

ElissandroMendes في ١٤ مايو ٢٠١٨

لا يزال هذا التحذير يظهر.

thorizer في ٢٠ مايو ٢٠١٨

لا يزال هذا التحذير يظهر.

indian-boy في ٢٠ مايو ٢٠١٨

لا يزال هذا التحذير يظهر.

Ruslancic في ٢١ مايو ٢٠١٨

توقف أرجوك. هذا لا يساعد بأي شكل من الأشكال.
هذا مشروع مفتوح المصدر. إذا كان لدى الناس الوقت ، فسوف يصلحون الأمر.
هناك حلول مذكورة أعلاه لإصلاح التحذير.

على الرغم من أنني لا أريد التحدث نيابة عن فريق IONIC ، إلا أنني أشعر أن هناك حاجة لقول شيء ما هنا:

لا تقترب هذه المشكلة من الحل بما يتناسب مع عدد التعليقات التي تقول "لا يزال هذا التحذير يظهر". / "أي تحديث لهذا" / "أي إصلاح لهذا" / إلخ.

إذا كنت عالقًا ، فاقرأ سلسلة الرسائل - فهناك حل بديل ، كما يوحي الاسم ، سوف يساعدك على العمل. إذا كنت ترغب في الحصول على تحديثات حول هذا الأمر ، فاحفظ بعض ضغطات المفاتيح بالنقر فوق الزر "اشتراك" - الذي يسمح لك بتلقي التحديثات في بريدك الإلكتروني. ستتلقى أيضًا تحديثات في كل مرة يعلق فيها أحد الأشخاص "أي تحديث على هذا؟" ، لذا من فضلك ، لا تكن هذا الشخص.

StefanRein في ٣١ مايو ٢٠١٨

👎5 👍5

لا يزال هذا التحذير يظهر.

jhonnhenry في ٨ يونيو ٢٠١٨

👎5 👍1

jhonnhenry المتأنق ، بجدية؟ نحن نعلم - القضية لا تزال مفتوحة. فقط اشترك وكن في طريقك ...

إذا كنت تصر على ترك تعليق ، فساعدنا على أن نكون أكثر إنتاجية من خلال تقديم بعض الأفكار مثل الإصدارات التي تقوم بتشغيلها.

emcniece في ٨ يونيو ٢٠١٨

👍2

لقد وجدت هذا الحل

ابحث أولاً عن ملف sass.js ضمن /node_modules/@ionic/app-scripts/dist/sass.js. داخل عمليات البحث var postcss الخيارات والإضافة من: undefined،

أخيرًا يجب أن يكون مثل هذا:

var postcssOptions = {
from: غير محدد ،
إلى: 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

islameg26 في ٦ أغسطس ٢٠١٨

😕4 👎2

لا يزال يتلقى تحذيره. القفز إلى node_modules ليس بالأمر الخطير :: /

trsh في ٣٠ نوفمبر ٢٠١٨

👍1

شكرا على المشكلة! لقد نقلنا الكود المصدري والمشكلات الخاصة بـ Ionic 3 إلى مستودع منفصل. أقوم بنقل هذه المشكلة إلى مستودع Ionic 3. الرجاء تتبع هذه المشكلة هناك.

شكرًا لك على استخدام Ionic!