مشكلة في autoprefixer أثناء التحزيم باستخدام webpack

مصدر المشكلة هو ملف تنسيقات بوتستراب الذي تسخدمه، وداخله يوجد استخدام للخاصية color-adjust والذي يجب استبدالها بالخاصية print-color-adjust كما ينصح autoprefixer، وهي رسالة تحذيرية لا أكثر تفيدك بالانتقال إلى استخدام الخاصية الجديدة ولا تؤثر على المشروع، حاول تنفيذ الأمر التالي لتغيير إصدار autoprefixer المستخدم الذي قد يحل المشكلة:

npm install autoprefixer@10.4.5 --save-exact

في حال بقي التحذير إحذف تلك الاعتمادية بتنفيذ الأمر التالي

npm install autoprefixer

وابقى على طريقة الاستخدام نفسها، لو كان الأمر ينتج عنه أخطاء ضمن المشروع لكانت الرسالة من نوع error ولما كانت عملية التحزيم من webpack اكتملت، لذا لا داعِ للقلق

السلام عليكم,

انا جربت الاتنين والتحذير بقي زي ما هو مفيش اي حل تاني لاني بحثت كتير ومش لاقي؟

شكرا..

جرب إضافة الخاصية التالية:

"overrides": {
    "autoprefixer": "10.4.5"
}

لكائن package.json ثم اعمل

npm install --force

حل آخر:

يمكنك أيضاً التوجه لملف بوتستراب في المسار

./node_modules/bootstrap/dist/css/bootstrap.min.css

ومن خلال خاصية البحث والاستبدال في vs code استبدل color-adjust ب print-color-adjust

ثم ثبت 

npm install autoprefixer@10.4.5 --save-exact

سبب المشكلة أن بوتستراب حديث و autoprefixer حديث، سنعدل في كليهما

يمكنك إضافة المكتية:

postcss-preset-env": "7.4.3

ثم إعادة تنفيذ 

npm install --force