Angular6项目运行到95%emitting LicenseWebpackPlugin不动卡住

ゞ浴缸里的玫瑰 2021-06-26 16:06 323阅读 0赞

将`angular`版本跟新到`6.0.6`，新建`angular`项目突然无法运行了，我新建项目步骤如下：

ng new demo
    cd demo
    ng serve --open

运行结果如下，程序一直卡在95%  
![这里写图片描述][20180911220048359]  
查看我的环境配置  
![这里写图片描述][20180911221141429]

网上查找资料，有博主分析是`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`  
![这里写图片描述][20180911221736616]

好感人！  
看来新建项目无法运行就是`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

重点：单独安装依赖模块，亲测有效。

--------------------

**angular2在运行`ng serve`的时候卡在`95% emitting LicenseWebpackPlugin`**

放弃使用`cnpm`，使用`yarn`  
1.删除`node_modules` （不需要删除project目录重新`ng new`）

安装yarn：npm install --global yarn
    配置仓库：
        npm config set registry http://registry.npmjs.org/
        yarn config set registry https://registry.yarnpkg.com/
    科学上网：
        npm config set registry https://registry.npm.taobao.org
        yarn config set registry https://registry.npm.taobao.org
    新建项目：ng new project --skip-install
    导入依赖：进入project目录运行 yarn install

[20180911220048359]: /images/20210626/cfdd1a3bc09b4cfab7abae9eaa586d6e.png
[20180911221141429]: /images/20210626/591b12d853c04fb982b7d47f6b3ac335.png
[20180911221736616]: /images/20210626/0ca53f2d89da4a3d9a2a26b7b6404d71.png