前端构架配置(二):node.js、 webpack、css-loader、html-loader、style-loader、webpack-dev-server等插件安装总出错解决方式

xiaoxiao2023-03-22  33

   众所周知,如果我们需要用到webpack打包,则需要做很多准备工作,包括node.js的安装,webpack等的安装。

   这个安装过程总会出现各种安装不成功的情况。这里不细说各种情况,直接给出一个最通用的解决方案。

  方案如下:核心是配套好各个插件的版本号,如果版本号没有配套好,会出现诸如此类的错误:

                        

  这里直接给出一套能够适配的版本:

"css-loader": "^0.28.1",            "extract-text-webpack-plugin": "^1.0.1",            "file-loader": "^0.11.1",            "html-loader": "^0.5.5",            "html-webpack-plugin": "^2.28.0",            "style-loader": "^0.17.0",            "url-loader": "^0.5.8",            "webpack": "^1.15.0",            "webpack-dev-server": "^1.16.5",            "node.js":"4.4.7"

安装时加上版本号的命令语句如下:

    示例(windows下):  

windows下:$ npm install webpack-dev-server@1.16.5 -g Linux和mac下:$ sudo npm install webpack-dev-server@1.16.5 -g 这里使用了全局安装,对webpack-dev-server如果不适用全局安装会报错! 如果是css-loader等插件无需全局安装。

  示例(Linux&mac下):

$ npm install css-loader@^0.28.1 style-loader@^0.17.0 --save-dev

  两者的区别在于@和版本号之间有没有"^"字符

 

很多情况下安装插件报错都是因为各个插件版本号不适配,所以大家一定要注意这个问题,会省去很多麻烦!加油!

 

转载请注明原文地址: https://www.6miu.com/read-4987477.html

最新回复(0)