مشكلة في WEBPACK

بخصوص الصور لديك تكرار للإعدادات الخاصة بها حيث مرة كتبت file loader ومرة حددت لها Asset Modules وتلك هي الطريقة الصحيحة في الإصدار الحديث من webpack أي الإصدار 5 فلا داعي لاستخدام file-loader أي نكتب فقط:

        test: /\.(png|jpe?g|gif|svg)$/i,
        type: 'asset/resource',
        generator: {
          filename: 'assets/images/[name][ext]',
        },
      },

بالنسبة لكود جافاسكريبت فهو يعمل، حيث لو وضعت التالي في ملف index.js ستجد أنه يظهر لك في الصفحة:

alert('hey Omar 👋')

شكرا