Webpack安装-卸载-指定版本-报错常见问题总结

webpack安装 卸载 指定版本 报错常见问题总结

webpack是一个模块打包器（bundler）
webpack 1.0.0版本和webpack 3.0.0版本区别
两个版本配置不一样
webpack 1.0.0版本只能加载js文件
webpack 3.0.0版本可以加载js文件和json文件

1. 安装

npm install webpack -g //全局安装
npm install webpack --save-dev //局部安装

2. 卸载

npm uninstall -g webpack
npm uninstall -g webpack-cli

3. 指定版本

npm install webpack@3.0.0 -g //全局
npm install webpack@3.0 --sava-dev//局部

报错<1>

bundle.js:553 Uncaught Error: Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “from” argument must be of type string. Received undefined

原因：file-loader版本过高

比如我的webpack版本是3.0.0
file-loader版本是5.2.0
就会报该错误
【解决方法】
安装旧版本file-loader
npm install file-loader@2.0.0 --save-dev局部安装

报错<2>

GET file:///C:/Users/Administrator/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/webpack_test/dist/3af54c10e121cd2db782c61af6b0df0d.png net::ERR_FILE_NOT_FOUND

【解决方法】

在webpack.config.js中设置publicPath：’/js/’

再把版本降级

就解决了

实测有效，如有错误，望请见谅。