title: webpack-cli Error: Unknown option '--no-progress'
body: <p>I am facing some errors during refactoring an old project. also, this project is upgraded from laravel 5.8 to 6.0 laravel. but most likely it is failing during npm run prod. I wonder what is happening. just before the upgrade it was fine.</p>
  <pre><code>[webpack-cli] Error: Unknown option '--no-progress'
  [webpack-cli] Run 'webpack --help' to see available commands and options
  npm ERR! code ELIFECYCLE
  npm ERR! errno 2
  npm ERR! @ production: `cross-env NODE_ENV=production node_modules/webpack/bin/w                         ebpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/w                         ebpack.config.js`
  npm ERR! Exit status 2
  npm ERR!
  npm ERR! Failed at the @ production script.
  npm ERR! This is probably not a problem with npm. There is likely additional log                         ging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /home/ubuntu/.npm/_logs/2021-05-27T12_01_52_782Z-debug.log
  npm ERR! code ELIFECYCLE
  npm ERR! errno 2
  npm ERR! @ prod: `npm run production`
  npm ERR! Exit status 2
  npm ERR!
  npm ERR! Failed at the @ prod script.
  npm ERR! This is probably not a problem with npm. There is likely additional log                         ging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /home/ubuntu/.npm/_logs/2021-05-27T12_01_52_797Z-debug.log
  </code></pre>
  <p>so my package .json will look like this:</p>
  <pre><code>{
  &quot;private&quot;: true,
  &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;npm run development&quot;,
      &quot;development&quot;: &quot;cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js&quot;,
      &quot;watch&quot;: &quot;npm run development -- --watch&quot;,
      &quot;watch-poll&quot;: &quot;npm run watch -- --watch-poll&quot;,
      &quot;hot&quot;: &quot;cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js&quot;,
      &quot;prod&quot;: &quot;npm run production&quot;,
      &quot;production&quot;: &quot;cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js&quot;
  },
  &quot;resolutions&quot;: {
      &quot;minimist&quot;: &quot;^1.2.5&quot;
  },
  &quot;dependencies&quot;: {
      &quot;@expo/vector-icons&quot;: &quot;^10.2.1&quot;,
      &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^1.2.35&quot;,
      &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^5.15.3&quot;,
      &quot;@fortawesome/react-fontawesome&quot;: &quot;^0.1.14&quot;,
      &quot;@material-ui/core&quot;: &quot;^4.11.4&quot;,
      &quot;@material-ui/icons&quot;: &quot;^4.11.2&quot;,
      &quot;@material-ui/lab&quot;: &quot;^4.0.0-alpha.58&quot;,
      &quot;@mdi/font&quot;: &quot;^4.9.95&quot;,
      &quot;@react-pdf/renderer&quot;: &quot;^1.6.16&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.3.2&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.1.2&quot;,
      &quot;@trendmicro/react-sidenav&quot;: &quot;^0.5.0&quot;,
      &quot;@vue/cli&quot;: &quot;^4.5.13&quot;,
      &quot;braces&quot;: &quot;^2.3.2&quot;,
      &quot;canvasjs&quot;: &quot;^1.8.3&quot;,
      &quot;core-js&quot;: &quot;^2.6.12&quot;,
      &quot;crypto-js&quot;: &quot;^4.0.0&quot;,
      &quot;express&quot;: &quot;^4.17.1&quot;,
      &quot;firebase&quot;: &quot;^8.6.2&quot;,
      &quot;font-awesome&quot;: &quot;^4.7.0&quot;,
      &quot;fs&quot;: &quot;0.0.1-security&quot;,
      &quot;jquery&quot;: &quot;^3.6.0&quot;,
      &quot;lodash&quot;: &quot;^4.17.21&quot;,
      &quot;material-design-icons-iconfont&quot;: &quot;^5.0.1&quot;,
      &quot;material-ui&quot;: &quot;^0.20.2&quot;,
      &quot;material-ui-icons&quot;: &quot;^1.0.0-beta.36&quot;,
      &quot;material-ui-password-field&quot;: &quot;^2.1.2&quot;,
      &quot;mdbvue&quot;: &quot;^6.7.2&quot;,
      &quot;module&quot;: &quot;^1.2.5&quot;,
      &quot;msg91&quot;: &quot;0.0.6&quot;,
      &quot;node-sass&quot;: &quot;^4.14.1&quot;,
      &quot;pondjs&quot;: &quot;^0.9.0&quot;,
      &quot;pug-plain-loader&quot;: &quot;^1.1.0&quot;,
      &quot;react-circular-progressbar&quot;: &quot;^2.0.4&quot;,
      &quot;react-custom-radio&quot;: &quot;^1.0.7&quot;,
      &quot;react-feather&quot;: &quot;^2.0.9&quot;,
      &quot;react-google-charts&quot;: &quot;^3.0.15&quot;,
      &quot;react-move&quot;: &quot;^6.4.0&quot;,
      &quot;react-native-vector-icons&quot;: &quot;^6.7.0&quot;,
      &quot;react-pdf&quot;: &quot;^4.2.0&quot;,
      &quot;react-progressbar&quot;: &quot;^15.4.1&quot;,
      &quot;react-router&quot;: &quot;^5.2.0&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-scripts&quot;: &quot;^4.0.3&quot;,
      &quot;react-signature-canvas&quot;: &quot;^1.0.3&quot;,
      &quot;react-simple-dropdown&quot;: &quot;^3.2.3&quot;,
      &quot;react-timeseries-charts&quot;: &quot;^0.16.1&quot;,
      &quot;react-toastify&quot;: &quot;^5.5.0&quot;,
      &quot;react-vis&quot;: &quot;^1.11.7&quot;,
      &quot;recharts&quot;: &quot;^2.0.9&quot;,
      &quot;styled-components&quot;: &quot;^5.3.0&quot;,
      &quot;vue&quot;: &quot;^2.6.12&quot;,
      &quot;vue-awesome-swiper&quot;: &quot;^4.1.1&quot;,
      &quot;vue-axios&quot;: &quot;^2.1.5&quot;,
      &quot;vue-chartist&quot;: &quot;^2.3.1&quot;,
      &quot;vue-ckeditor2&quot;: &quot;^2.1.5&quot;,
      &quot;vue-click-outside&quot;: &quot;^1.1.0&quot;,
      &quot;vue-custom-scrollbar&quot;: &quot;^1.4.0&quot;,
      &quot;vue-easy-slider&quot;: &quot;^5.3.4&quot;,
      &quot;vue-event-hub&quot;: &quot;^1.0.3&quot;,
      &quot;vue-kanban&quot;: &quot;^1.8.0&quot;,
      &quot;vue-loader&quot;: &quot;^16.2.0&quot;,
      &quot;vue-picture-input&quot;: &quot;^2.1.6&quot;,
      &quot;vue-plyr&quot;: &quot;^5.1.3&quot;,
      &quot;vue-resizable&quot;: &quot;^1.3.0&quot;,
      &quot;vue-router&quot;: &quot;^3.5.1&quot;,
      &quot;vue-smooth-dnd&quot;: &quot;^0.8.0&quot;,
      &quot;vue-split-panel&quot;: &quot;^1.0.4&quot;,
      &quot;vue-template-compiler&quot;: &quot;^2.6.12&quot;,
      &quot;vue-video&quot;: &quot;^0.1.7&quot;,
      &quot;vue2-editor&quot;: &quot;^2.10.2&quot;,
      &quot;vueditor&quot;: &quot;^0.3.1&quot;,
      &quot;vuescroll&quot;: &quot;^4.17.3&quot;,
      &quot;vuetify-media-player&quot;: &quot;^0.8.1&quot;,
      &quot;vuex&quot;: &quot;^3.6.2&quot;,
      &quot;watch&quot;: &quot;^1.0.2&quot;,
      &quot;write-json-file&quot;: &quot;^4.3.0&quot;
  },
  &quot;devDependencies&quot;: {
      &quot;@babel/plugin-proposal-class-properties&quot;: &quot;^7.13.0&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.13.13&quot;,
      &quot;@fortawesome/fontawesome-free&quot;: &quot;^5.15.3&quot;,
      &quot;@vue/cli-plugin-babel&quot;: &quot;^3.11.0&quot;,
      &quot;@vue/cli-plugin-eslint&quot;: &quot;^4.5.13&quot;,
      &quot;@vue/cli-service&quot;: &quot;^4.5.13&quot;,
      &quot;axios&quot;: &quot;^0.21.1&quot;,
      &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
      &quot;cross-env&quot;: &quot;^5.2.1&quot;,
      &quot;eslint&quot;: &quot;^5.16.0&quot;,
      &quot;eslint-plugin-vue&quot;: &quot;^5.0.0&quot;,
      &quot;laravel-mix&quot;: &quot;^6.0.19&quot;,
      &quot;minimist&quot;: &quot;^1.2.5&quot;,
      &quot;pug&quot;: &quot;^3.0.2&quot;,
      &quot;pug-loader&quot;: &quot;^2.4.0&quot;,
      &quot;react&quot;: &quot;^16.14.0&quot;,
      &quot;react-dom&quot;: &quot;^16.14.0&quot;,
      &quot;resolve-url-loader&quot;: &quot;^4.0.0&quot;,
      &quot;sass&quot;: &quot;^1.34.0&quot;,
      &quot;sass-loader&quot;: &quot;^7.1.0&quot;,
      &quot;stylus&quot;: &quot;^0.54.8&quot;,
      &quot;stylus-loader&quot;: &quot;^3.0.2&quot;,
      &quot;vue-cli-plugin-vuetify&quot;: &quot;^0.6.3&quot;,
      &quot;vuetify&quot;: &quot;^2.5.1&quot;,
      &quot;vuetify-loader&quot;: &quot;^1.7.2&quot;,
      &quot;webpack&quot;: &quot;^5.37.1&quot;,
      &quot;webpack-cli&quot;: &quot;^4.7.0&quot;
  },
  &quot;eslintConfig&quot;: {
      &quot;root&quot;: true,
      &quot;env&quot;: {
          &quot;node&quot;: true
      },
      &quot;extends&quot;: [
          &quot;plugin:vue/essential&quot;,
          &quot;eslint:recommended&quot;
      ],
      &quot;rules&quot;: {
          &quot;no-mixed-spaces-and-tabs&quot;: 0,
          &quot;no-irregular-whitespace&quot;: 0
      },
      &quot;parserOptions&quot;: {
          &quot;parser&quot;: &quot;babel-eslint&quot;
      }
  },
  &quot;postcss&quot;: {
      &quot;plugins&quot;: {
          &quot;autoprefixer&quot;: []
      }
  },
  &quot;browserslist&quot;: [
      &quot;&gt; 1%&quot;,
      &quot;last 2 versions&quot;
  ],
  &quot;description&quot;: &quot;## Project setup ``` npm install ```&quot;,
  &quot;main&quot;: &quot;babel.config.js&quot;,
  &quot;keywords&quot;: [],
  &quot;author&quot;: &quot;&quot;,
  &quot;license&quot;: &quot;ISC&quot;
  </code></pre>
  <p>}</p>
  <p>my webpack.mix.js</p>
  <pre><code>    const mix = require('laravel-mix');
  mix.webpackConfig({
      module: {
          rules: [{
              test: /\.pug$/,
              oneOf: [{
                      resourceQuery: /^\?vue/,
                      use: ['pug-plain-loader']
                  },
                  {
                      use: ['raw-loader', 'pug-plain-loader']
                  },
                  {
                      // Exclude `js` files to keep &quot;css&quot; loader working as it injects
                      // it's runtime that would otherwise processed through &quot;file&quot; loader.
                      // Also exclude `html` and `json` extensions so they get processed
                      // by webpacks internal loaders.
                      exclude: [/\.js$/, /\.html$/, /\.json$/, /\.ejs$/],
                      loader: require.resolve('file-loader'),
                      options: {
                          name: 'static/media/[name].[hash:8].[ext]',
                      }
                  }
              ]
          }]
      }
  });
  /*
   |--------------------------------------------------------------------------
   | Mix Asset Management
   |--------------------------------------------------------------------------
   |
   | Mix provides a clean, fluent API for defining some Webpack build steps
   | for your Laravel application. By default, we are compiling the Sass
   | file for the application as well as bundling up all the JS files.
   |
   */
  
  mix.react('resources/js/app.js', 'public/js')
      .sass('resources/sass/app.scss', 'public/css');
  </code></pre>
  <p>thanks in advance
  looking for some valuable suggestions</p>