Create React App 遇到的坑

562 阅读2分钟

window7 下安装webpack遇到的坑

环境:win7, node, npm
安装背景: 准备研究下react 应用create-react-app myProject时候遇到一堆的错误,其中有个错误提示是依赖webpack于是开始了webpack的安装。
最初:node v6.9.2 npm:3.3.7
更新后: node v6.11.3 npm v5.4.2

安装npm install webpack -g,各种报错过不去,主要报的错误是uglify-js postinstall...,node 不是内部或外部命令等
具体错误没有截图,
感觉版本的问题不能成功安装webpack, 执行npm install webpack -g,报以上错误,于是升级node,node升级成功是v6.11.3,但是npm查了下版本(npm -v)依然是3.3.7。再次run,npm install webpack -g,还安不上,没办法了单独安装uglify-js(npm i uglify-js -g),第一次没安装成功依然上面的错误,第二次,第三次重复安装,我的妈呀成功了,奔溃,windows就是个大坑,你要是安装不上,也试着多安装几次,不一定哪次就好了,等安装几次后安装不成功,再想其它办法。好了,webpack安装成功v3.6.0。好高兴继续create-react-app myproject。哎... 长叹一声,NM有鬼了。办公室搞了一下午,同样的错误发生。百度各种查很少有类似的错误,官网确定下,没找到对应的方法,好吧。回家继续折腾,既然网上很少 说明肯定是自己环境问题,还是考虑到版本问题。回家在自己电脑安装发现成功了,后来查了下npm的版本原来是3.10.*几了,忘了。好吧 第二天一来公司就升级npm的版本(npm i npm -g)后,查看版本v5.4.2。继续命令行create-react-app myproject,经过一段时间的执行,成功了,大功告成啊。

总结:window下开发,的确坑挺多。之前安装node-sass就一直安不上,各种方式尝试了好久才搞定。所以对于目前的前端开发环境如果是在window下开发,如果遇到安装的问题,建议先多按几次,如果还不成功再去找对应方法解决。
上面的create-react-app myproject运行成功,具体node,npm版本参考上面更新后的版本。其它很多版本应该也可以,如果安装不上,请升级下版本。很可能就是版本造成的。