在npm run dev的時候進行報錯
wazehaodeMBP:VUE-Test wazehao$ npm run dev
> [email protected] dev /Users/wazehao/code/VsCode/VUE-Test
> cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js
/Users/wazehao/code/VsCode/VUE-Test/webpack.config.js:58
? ? ? ? new webpack.DefinPlugin({
? ? ? ? ^
TypeError: webpack.DefinPlugin is not a constructor
? ? at Object.<anonymous> (/Users/wazehao/code/VsCode/VUE-Test/webpack.config.js:58:9)
? ? at Module._compile (internal/modules/cjs/loader.js:1156:30)
? ? at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
? ? at Module.load (internal/modules/cjs/loader.js:1000:32)
? ? at Function.Module._load (internal/modules/cjs/loader.js:899:14)
? ? at Module.require (internal/modules/cjs/loader.js:1042:19)
? ? at require (internal/modules/cjs/helpers.js:77:18)
? ? at WEBPACK_OPTIONS (/Users/wazehao/code/VsCode/VUE-Test/node_modules/webpack-cli/bin/utils/convert-argv.js:114:13)
? ? at requireConfig (/Users/wazehao/code/VsCode/VUE-Test/node_modules/webpack-cli/bin/utils/convert-argv.js:116:6)
? ? at /Users/wazehao/code/VsCode/VUE-Test/node_modules/webpack-cli/bin/utils/convert-argv.js:123:17
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js`
npm ERR! Exit status 1
npm ERR!?
npm ERR! Failed at the [email protected] 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!? ? ?/Users/wazehao/.npm/_logs/2020-05-02T01_43_46_817Z-debug.log
2021-02-23
我也報同樣的錯,和視頻里代碼一模一樣,不知道怎么搞了?
2020-11-04
new webpack.DefinPlugin? => new webpack.DefinePlugin 少寫個E
2020-05-26
你是不是 只注意了 plugins里的配置,那你在頁首 引入了 webpack 了嗎? 需要提供代碼,才能知道你具體的問題。
2020-05-14
我也是同樣的問題 webpack 也引入了 和老師的代碼一樣
2020-05-05
根據你的報錯來看,是webpack相關設置出了問題,可能是代碼寫錯了。
webpack.config.js里面-plugins里面需要寫以下:
new?webpack.DefinePlugin({
????????????'process.env':?{
????????????????NODE_ENV:?isDev???'"development"'?:?'"production"'
????????????}
????????}),
同時最上面需要引入webpack?
const?webpack?=?require('webpack')