ما سبب ظهور الخطأ لدي عند تشغيل المشروع ؟

مرحباً محمد أرجو منك إرفاق السؤال أسفل الدرس الذي تواجه به المشكلة . 

بتاريخ الآن قال أسامة زيادة:

مرحباً محمد أرجو منك إرفاق السؤال أسفل الدرس الذي تواجه به المشكلة . 

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

بتاريخ 5 دقائق مضت قال Mohamed Montaser3:

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

هل يمكنك إرفاق الشيفرة البرمجية التي تتوقع ينتج الخطأ منها ، وأي إصدار من webpack تستخدم ؟ 

بتاريخ الآن قال أسامة زيادة:

هل يمكنك إرفاق الشيفرة البرمجية التي تتوقع ينتج الخطأ منها ، وأي إصدار من webpack تستخدم ؟ 

الاصدار الحالي

بتاريخ 2 دقائق مضت قال أسامة زيادة:

هل يمكنك إرفاق الشيفرة البرمجية التي تتوقع ينتج الخطأ منها ، وأي إصدار من webpack تستخدم ؟ 

خلاص لقد حليتها

بتاريخ 4 دقائق مضت قال Mohamed Montaser3:

الاصدار الحالي

هل يمكنك إرفاق الشيفرة البرمجية في ملف webpack.config.js .

بتاريخ 7 دقائق مضت قال أسامة زيادة:

هل يمكنك إرفاق الشيفرة البرمجية في ملف webpack.config.js .

const path = require("path");
const HtmlWebPackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");

module.exports = {
  entry: {
    main: path.resolve(__dirname, "./src/index.js"),
  },

  output: {
    filename: "main.js",
    publicPath: "",
    path: path.resolve(__dirname, "./dist"),
  },

  devServer: {
    static: {
      directory: path.join(__dirname, "./dist"),
    },
    compress: true,
    historyApiFallback: true,
    https: false,
    open: true,
    hot: true,
    port: 9002,
    proxy: {
      "/api": "http://localhost:9000",
    },
    devMiddleware: {
      writeToDisk: true,
    },
  },

  module: {
    rules: [
      {
        test: /\.(png|svg|jpe?g|gif)$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "[name].[ext]",
              outputPath: "images",
            },
          },
        ],
      },

      {
        test: /\.(sa|sc|c)ss$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
            options: {
              publicPath: "../",
            },
          },
          "css-loader",
          "sass-loader",
        ],
      },

      {
        test: require.resolve("jquery"),
        loader: "expose-loader",
        options: {
          exposes: ["$", "jQuery"],
        },
      },

      {
        test: /\.html$/,
        use: [
          {
            loader: "html-loader",
          },
        ],
      },

      {
        test: /\.(svg|eot|woff|woff2|ttf)$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "[name].[ext]",
              outputPath: "fonts",
              esModule: false,
            },
          },
        ],
      },
    ],
  },

  plugins: [
    new HtmlWebPackPlugin({
      filename: "index.html",
      template: "./src/index.html",
    }),
    new MiniCssExtractPlugin({ filename: "css/style.css" }),
    new OptimizeCSSAssetsPlugin({}),
  ],
};

يبدو أن لديك خطأ في ملف webpack.config.js حيث أن webpack لم يتعرف على الخاصية writeToDisk ، هل يمكنك التأكد من تثبيت حزمة webpack-dev-server من خلال الأمر التالي :-

npm install webpack-dev-server --save-dev

في حال لم يتم حل المشكلة ، ربما يكون لديك مشكلة في إصدارات الحزم التي تستعمله، يمكنك معرفة إصدار كل حزمة من خلال ملف package.json .