美文网首页Angular开发指南
Angular6项目运行到95%emitting License

Angular6项目运行到95%emitting License

作者: xuebimi | 来源:发表于2018-06-23 16:11 被阅读5次

    将angular版本跟新到6.0.6,新建angular项目突然无法运行了,我新建项目步骤如下:
    ng new demo
    cd demo
    ng serve --open

    运行结果如下,程序一直卡在95% QQ截图20180623151350.png

    查看我的环境配置

    QQ截图20180623151609.png
    网上查找资料,有博主分析是npm版本太高,我赶紧用npm i -g npm@5.6.0把版本降下来,然额,情况还是一样。emmm。。网速的问题?过了大约半个小时情况我再试,情况并没有改善,排除掉npm版本的问题。我先用npm install -g npm把npm版本还原到开始的版本6.1.0,想到也许是安装依赖的问题,于是我npm install,但是此操作致命,在等待安装过程中,系统完全卡住,啥都点不动,十几分钟过去,项目运行情况如下:remove:babel-template......(为什么不放截图,因为系统卡的我连截图都打不开!)感觉情况有点无法掌控了,赶紧狂按Ctrl+C停止安装依赖模块。我不服气,删掉整个node_modules目录,再npm install,等待几分钟,安装好了依赖,再ng serve --open,运行successful QQ截图20180623153644.png
    好感人!
    看来新建项目无法运行就是node_modules目录在作祟了,只要删掉改目录在install就可以了。分析原因是ng new project的时候angularcli脚手架工具把依赖模块也安装了,非npm安装的模块在运行时发生了冲突,所以需要删除node_module目录,重新使用npm安装。但是我每次新建一个项目,就要先删再安装目录感觉有点麻烦,那么可以这样,用angularcli新建项目的时候使用命令 ng new project --skip-install,跳过依赖模块的安装就好了。
    啰嗦这么多,总结一下吧,angular6项目的新建运行步骤如下:
    ng new project --skip-install
    cd project
    npm install
    ng serve --open
    重点:单独安装依赖模块,亲测有效。

    相关文章

      网友评论

      • 小川想编程:我卡在95不动,删除了 用yarn -install 这个工具下载好了。 没有分析出来原因,目录作祟是什么意思?
        xuebimi:@小川想编程 你是用ng-cli 建的项目吗,如果是,那是会建立这个node_module目录的。遇到95%问题,删掉该目录再install就好了。
        小川想编程:一般再npm install之前是没有node_module这个目录,这两天又遇到95这个问题了,我觉得应该是某个包错了
        xuebimi:@小川想编程 在创建angular项目时,ng脚手架会把node_module这个目录一起加载,直接运行该项目就会出错。

      本文标题:Angular6项目运行到95%emitting License

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