اذهب إلى المحتوى
  • 0

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

عبد النور محمد

السؤال

أحاول تشغيل "npm run dev" في مشروع Laravel الخاص بي ولكن حدث خطأ

 Error: Cannot find module 'webpack-cli/package.json' Require stack:

C:\Users\abdal\AppData\Roaming\npm-cache_npx\20792\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15) at Function.resolve (internal/modules/cjs/helpers.js:78:19) at runCli (C:\Users\abdal\AppData\Roaming\npm-cache_npx\20792\node_modules\webpack\bin\webpack.js:50:26) at C:\Users\abdal\AppData\Roaming\npm-cache_npx\20792\node_modules\webpack\bin\webpack.js:139:5 at processTicksAndRejections (internal/process/task_queues.js:97:5) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\Users\abdal\AppData\Roaming\npm-cache\_npx\20792\node_modules\webpack\bin\webpack.js' ] }

مع أنه تم تنزيل webpack cli.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

أحيانا يكون سبب الخطأ تضارب إصدارات المكتبات إن قمت بالتحديث ل 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" }
                             ^^^^^^^^^^^^^

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

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

  • امسح ملفات السجل الموجود في المسار الآتي
     (***** \ AppData \ Roaming \ npm-cache \ _logs)

     

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

    npm i -g webpack-cli

     

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

    npm install && npm run dev

     

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

npm install webpack webpack-cli --save-dev

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...