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

حل مشكلة Module not found في webpack

منتصر احمد

السؤال

ERROR in   Error: Child compilation failed:
  Module not found: Error: Can't resolve './...' in 'C:\Users\ahmed salah\Desktop\drink project\src'
  ModuleNotFoundError: Module not found: Error: Can't resolve './...' in 'C:\Users\ahmed salah\Desktop\drink project\src'
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\Compilation.js:2016:28
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:798:13
      at eval (eval at create (C:\Users\ahmed salah\Desktop\drink project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:270:22
      at eval (eval at create (C:\Users\ahmed salah\Desktop\drink project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:434:22
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:116:11
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:670:25
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:855:8
      at C:\Users\ahmed salah\Desktop\drink project\node_modules\webpack\lib\NormalModuleFactory.js:975:5

  - Compilation.js:2016
    [drink project]/[webpack]/lib/Compilation.js:2016:28

  - NormalModuleFactory.js:798
    [drink project]/[webpack]/lib/NormalModuleFactory.js:798:13


  - NormalModuleFactory.js:270
    [drink project]/[webpack]/lib/NormalModuleFactory.js:270:22


  - NormalModuleFactory.js:434
    [drink project]/[webpack]/lib/NormalModuleFactory.js:434:22

  - NormalModuleFactory.js:116
    [drink project]/[webpack]/lib/NormalModuleFactory.js:116:11

  - NormalModuleFactory.js:670
    [drink project]/[webpack]/lib/NormalModuleFactory.js:670:25

  - NormalModuleFactory.js:855
    [drink project]/[webpack]/lib/NormalModuleFactory.js:855:8

  - NormalModuleFactory.js:975
    [drink project]/[webpack]/lib/NormalModuleFactory.js:975:5

  - child-compiler.js:169
    [drink project]/[html-webpack-plugin]/lib/child-compiler.js:169:18

  - Compiler.js:551 finalCallback
    [drink project]/[webpack]/lib/Compiler.js:551:5

  - Compiler.js:577
    [drink project]/[webpack]/lib/Compiler.js:577:11

  - Compiler.js:1196
    [drink project]/[webpack]/lib/Compiler.js:1196:17


  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
    [drink project]/[tapable]/lib/Hook.js:18:14

  - Compiler.js:1192
    [drink project]/[webpack]/lib/Compiler.js:1192:33

  - Compilation.js:2787 finalCallback
    [drink project]/[webpack]/lib/Compilation.js:2787:11

  - Compilation.js:3092
    [drink project]/[webpack]/lib/Compilation.js:3092:11


1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

"هذا مشروع التخرج"

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

Recommended Posts

  • 0

الخطأ يخبرك أنه يوجد وحدة غير موجودة , فهو غير قادر على معالجتها , الخطأ ييظهر في السطر التالي

  Module not found: Error: Can't resolve './...' in 'C:\Users\ahmed salah\Desktop\drink project\src'

تأكد أنك تكتب مسار الصور والملفات بشكل صحيح ثم نفذ الامر مرة أخرى

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

  • 0
بتاريخ 12 دقائق مضت قال محمد أبو عواد:

الخطأ يخبرك أنه يوجد وحدة غير موجودة , فهو غير قادر على معالجتها , الخطأ ييظهر في السطر التالي


  Module not found: Error: Can't resolve './...' in 'C:\Users\ahmed salah\Desktop\drink project\src'

تأكد أنك تكتب مسار الصور والملفات بشكل صحيح ثم نفذ الامر مرة أخرى

معذره عندي سؤال كيف احول من scss الي css

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

  • 0
بتاريخ الآن قال Mohamed Montaser3:

نعم

هناك حزمة اسمها sass-loader يتم استخدامها لهذا الأمر , يمكنك تثبيتها من خلال هذا الأمر

npm i sass-loader

ثم في ملف webpack.config تحتاج الى كتابة الكود الخاص بمعالجة ملفات scss كالتالي

{
            test: /\.(sass|css|scss)$/,
            use: [
              // Creates `style` nodes from JS strings
              {
                loader: MiniCssExtractPlugin.loader, 
                options: {
                  publicPath: '../'
                }
              },
              // Translates CSS into CommonJS
              "css-loader",
              // Compiles Sass to CSS
              "sass-loader",
            ],
          },

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

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...