لماذا يعطي webpack خطأ عند تشغيل npm run dev

أحيانا يكون سبب الخطأ تضارب إصدارات المكتبات إن قمت بالتحديث ل webpack to 5 و  webpack cli to 4 فلحل المشكلة:

npm uninstall webpack-cli

نلغي تثبيت webpack-cli ونعيد تثبيت الإصدار 3

npm install webpack-cli@3 -D

لتصبح إصدارات المكتبات لديك على سبيل المثال:

// package.json


"devDependencies": {
    "webpack": "^5.2.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
}

وانتبه لجزء كتابة scripts حيث أنه يختلف:

For webpack-cli 3.x:

"scripts": {   "start:dev": "webpack-dev-server" }
                             ^^^^^^^^^^^^^^^^^^


For webpack-cli 4.x:

"scripts": {   "start:dev": "webpack serve" }
                             ^^^^^^^^^^^^^

حاول تنفيذ الأوامر التالية

• امسح ملفات السجل الموجود في المسار الآتي

   (***** \ AppData \ Roaming \ npm-cache \ _logs)

   

• ثم قم بتنفيذ الأمر التالي

  npm i -g webpack-cli

   

• ثم قم بتنفيذ الاوامر التالية

  npm install && npm run dev

   

أتوقع أنه يجب عليك الترقية من ويباك 3 إلى ويباك 4 , لذلك يمكنك استخدام الأمر التالي لترقية الحزمة 

npm install webpack webpack-cli --save-dev

هل يمكنك بعد تنفيذ الأمر السابق أن تخبرني هل ما زالت المشكلة او لا.