美文网首页
create-react-app 创建项目很慢和创建时出错

create-react-app 创建项目很慢和创建时出错

作者: Oldboyyyy | 来源:发表于2017-10-22 11:59 被阅读0次

    create-react-appfacebook 官方出的 react 项目生成器,在使用过程中遇到了一些坑,这里记录下

    1. 在使用 create-react-app 生成项目时候速度很慢
    // 安装create-react-app
    // 使用npm或者cnpm
    npm install -g create-react-app
    // 安装成功以后就可以这样来创建一个项目
    create-react-app my-app
    

    正常情况等待一会就回创建成功,可是由于这个工具使用npm是安装的,所以有些工具会因为网路等原因安装失败,又或者是要等待很长时间才能安装好。其实在国内可以使用淘宝的镜像,也就是cnpm安装,这样就会快很多,由于这里是工具里面写好的是用npm来安装,所以只能把npm的源给该成淘宝的源实际上就搞定了。

    // 修改npm安装资源的源
    npm config set registry https://registry.npm.taobao.org
    // 测试有没有修改成功,如果返回的跟上面设置的一样则说明修改成功了
    npm config get registry
    // 再次使用该命令创建就会发现这次快很多了
    create-react-app my-app
    
    1. npm版本高于5.0的安装时候会提示没有权限,也是创建不了的
      错误如图:
    环境 错误提示,没有权限
    应该是npm5.0和create-react-app有兼容问题guithub上其他人提的issues
    解决方法,就是把npm降低一个版本
    // 指定安装一个版本的npm
    npm install npm@4 -g
    // 关掉当前的命令窗口,重新打开命令窗口,查看npm版本
    npm -v
    
    换成了4.6.1版本的npm 再次执行创建命令,等一小会,就成功啦!

    相关文章

      网友评论

          本文标题:create-react-app 创建项目很慢和创建时出错

          本文链接:https://www.haomeiwen.com/subject/eulguxtx.html