مشكلة في قراءة علامة $ في webpack

أرجو إرفاق صورة للخطأ، ومحتوى ملف index.js

بتاريخ 19 ساعات قال Wael Aljamal:

أرجو إرفاق صورة للخطأ، ومحتوى ملف index.js

...

بتاريخ 11 ساعات قال محمد مخ:

...

هل قمت بتثبيت جيكويري؟ في مجلد المشروع ننفذ:

npm i jquery

ثم في حالة خطأ كهذا نتبع التوثيق الرسمي: npmjs.com/package/jquery

حيث يوجد بعض الخطوات التي من الممكن حل المشكلة مثل عمل:

var $ = require( "jquery" );
أو
import $ from "jquery";

قبل سطر استخدامها (بعد أسطر تضمين المكتبات)

ممكن في webpack.config:

var webpack = require("webpack"); // تضمين ويب باك

    ...                     // ثم إضافة جيكويري

    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
    ]

** إن لم تنجح أرجو إرفاق ملف webpack.config