تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ emad ta
خطا در ران کردن
کیوان علی محمدی حل شده توسط کیوان علی محمدی

بنده طبق آموزش وقتی میام و دستور yarn serve میزنم بهم همچین خطایی رو میدهد

$ yarn serve
yarn run v1.22.10
$ webpack serve
[webpack-cli] webpack Dev Server Invalid Options
options should NOT have additional properties
error Command failed with exit code 2.
info Visit https://yarnpkg.com
/en/docs/cli/run for documentation about this command

کدهام در داخل فایل

package.json

{
  "name": "WebPack",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "dev": "webpack --mode development",
    "prod": "webpack --mode production",
    "serve": "webpack serve"
  },
  "devDependencies": {
    "html-webpack-plugin": "^4.5.1",
    "webpack": "^5.11.0",
    "webpack-cli": "^4.2.0",
    "webpack-dev-server": "^3.11.2"
  },
  "dependencies": {}
}

کدهام در داخل فایل 

webpack.config.js

const path = require("path");
const HtmlWebPack = require("html-webpack-plugin");
module.exports = {
  entry: path.resolve(__dirname, "src/index.js"),
  output: {
    path: path.resolve(__dirname, "public/dist/"),
    filename: "bundle.js",
  },
  plugins: [
    new HtmlWebPack({
      title: "Web Applicatiob By WebPack",
      filename: path.join(__dirname, "public/index.html"),
    }),
  ],
  devServer: {
    contentBase: path.join(__dirname, "public"),
    publickPath: "/dist/",
    port: 9090,
  },
};

 

 

 

 

سلام خدمت شما. این نسخه‌ها معمولا تغییرات زیادی دارن و ممکنه یکسری از آپشن‌ها که تغییر کردن یا دیگه وجود ندارن باعث این نوع خطا بشن. فعلا با برداشت port از قسمت devServer تست کنید و نتیجه رو همین جا اعلام کنید.

بهترین پاسخ
کیوان علی محمدی ۰۱ خرداد ۱۴۰۰، ۱۱:۱۸
  devServer: {
    static: {
      directory: path.join(__dirname, 'public'),
    },
    compress: true,
    port: 9090,
  }

.این کد جواب داد

mansour azadeh ۲۱ شهریور ۱۴۰۰، ۱۳:۲۹