仿餓了么項目“`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`”

仿餓了么項目“`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`”

一直報錯，copy別人的project，到自己的電腦怎么就是run不起來

查了很多都不管用，都快放棄了

報錯信息

D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\build\webpack.dev.conf.js:24
new webpack.optimize.OccurenceOrderPlugin(),
^

TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor
at Object.<anonymous> (D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\build\webpack.dev.conf.js:24:5)
at Module._compile (internal/modules/cjs/loader.js:1158:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
at Module.load (internal/modules/cjs/loader.js:1002:32)
at Function.Module._load (internal/modules/cjs/loader.js:901:14)
at Module.require (internal/modules/cjs/loader.js:1044:19)
at require (internal/modules/cjs/helpers.js:77:18)
at WEBPACK_OPTIONS (D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13)
at requireConfig (D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6)
at D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17
at Array.forEach (<anonymous>)
at module.exports (D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15)
at Object.<anonymous> (D:\project vue\餓了嗎app\我的餓了嗎實戰\sell\node_modules\webpack-dev-server\bin\webpack-dev-server.js:84:40)
at Module._compile (internal/modules/cjs/loader.js:1158:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
at Module.load (internal/modules/cjs/loader.js:1002:32)

//一直都會出現下面這個報錯，不管怎么補，怎么改，重新裝webpack-dev-server也不管用，
//也不是webpack和webpack-dev-server版本不兼容的問題，可能你還會出現有漏洞的報錯，
//那個報錯是個bug，webpack4+的bug，怎么修復都不行。。

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! sell@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the sell@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\陳曉琪\AppData\Roaming\npm-cache\_logs\2020-04-14T12_24_14_997Z-debug.log

 

試了一下，本地再打包一次，就可以run了

打開根目錄的bash命令行界面

vue init webpack

 

然后按照你的需求配置，我的配置：

再`npm run dev`，就可以訪問端口了！