执行webpack-dev-server报红色

Question

Answer 1

Rosen 2017-10-08 21:38:40

npm ls webpack 
npm ls webpack -g
npm ls webpack-dev-server
npm ls webpack-dev-server -g

用这四个命令检查全局和项目的版本，看哪个用的不对了

• 提问者 带娃儿先走 #1

  怎么修改webpack-dev-server 全局版本。好像是我全局版本不对

• 提问者 带娃儿先走 #2

  非常感谢！

Answer 2

提问者 带娃儿先走 2017-10-09 23:26:55

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

PS E:\gitmmall\mmall-fe> npm ls webpack -g C:\Users\17936\AppData\Roaming\npm ├── webpack@3.6.0 └─┬ webpack-dev-server@2.9.1   └── webpack@3.6.0   PS E:\gitmmall\mmall-fe> npm ls webpack mmall-fe@1.0.0 E:\gitmmall\mmall-fe └── webpack@1.15.0   PS E:\gitmmall\mmall-fe> npm ls webpack -g C:\Users\17936\AppData\Roaming\npm ├── webpack@3.6.0 └─┬ webpack-dev-server@2.9.1   └── webpack@3.6.0   PS E:\gitmmall\mmall-fe> npm ls webpack-dev-server mmall-fe@1.0.0 E:\gitmmall\mmall-fe └── webpack-dev-server@1.16.5   PS E:\gitmmall\mmall-fe> npm ls webpack-dev-server -g C:\Users\17936\AppData\Roaming\npm └── webpack-dev-server@2.9.1

• Rosen #1

  全局的webpack和webpack-dev-server都先卸载，再指定版本安装

Answer 3

提问者 带娃儿先走 2017-10-08 18:06:25

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

//2017年10月6日13:22:15   var webpack           = require('webpack'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var HtmlWebpackPlugin = require('html-webpack-plugin'); //获取html-webpack-plugin参数的方法 var getHtmlConfig = function(name){     return{         template    : './src/view/'+name+'.html',         filename    : 'view/'+name+'.html',         inject      : true,         hash        : true,         chunks      : ['common',name]     } } //webpack config var config={     entry:{         'common' :['./src/page/common/index.js'],         'index'  :['./src/page/index/index.js'],         'login'  :['./src/page/login/index.js']               },     output:{         path:'./dist',         filename:'js/[name].js'     },     externals:{         'jquery':'window.jQuery'     },     module:{         loaders:[             {test: /\.css$/,loader: ExtractTextPlugin.extract("style-loader","css-loader")},             {test: /\.(gif|png|jpg|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=100&name=resource/[name].[ext]' },         ]     },     plugins:[         //独立通用模块到js/base.js         new webpack.optimize.CommonsChunkPlugin({             name:'common',             filename:'js/base.js'         }),         //把css单独打包到文件里         new ExtractTextPlugin('css/[name].css'),         //html模板的处理         new HtmlWebpackPlugin(getHtmlConfig('index')),         new HtmlWebpackPlugin(getHtmlConfig('login')),     ] };   module.exports=config;

Answer 4

提问者 带娃儿先走 2017-10-08 10:29:12

我指定webpack-dev-server@1.16.5全局安装的版本安装不了，不指定版本安装就可以，但是执行这个命令报红，不知道是什么鬼

• Rosen #1

  全局安装的时候，webpack和webpack-dev-server都要指定版本，并且都卸了再重装。报红色这个是你webpack.config.js配置文件里有问题

• 提问者 带娃儿先走 回复 Rosen #2

  webpack命令没有提示报错啊，为什么weboack-dev-server报错啊啊啊啊啊啊