[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案

2018.9.7

问题描述:

通过ng serve命令启动angular应用时,卡在95%,

ctrl+c 停掉后看到错误内容为找不到ng_modules下的angular模块下的package.json文件。

---

之前在网上下过小demo,依赖包都很旧了,因为时间久远,

但是一切正常可以运行。(使用 cnpm 来复原的包)

---

初学angualr,所有相关的东西,直接上手最新版,

npm:6.4.1

ng v

[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案

ng serve

出现错误停在95%

\node_modules\_@angular_common@6.1.7@@angular

找不到该路径下的package.json文件

按照它字面的意思,找不到,就给它放一个,

->手动将 \node_modules\_@angular_common@6.1.7@@angular\common\ 下的package.json 文件copy到common外面,
再次 ng serve ,结果common这里过了,出现了下一个文件夹的问题,

angular包这么多不能每一个都手动copy去吧。。。能不能有根本的解决办法呢

[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案

***************************************************************************************

将下图中common底下的package.json文件copy出来,放到该包的根目录下

[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案

***经过百般尝试,baidu,google结果都是,要么降npm版本到5.6.0 , 要么就是用yarn安装,都试了,不管用***:

|

baidu 出来的很多遇到95%的伙伴

link1:Angular CLI执行ng-serve后卡在95% emitting LicenseWebpackPlugin不动了

link2:angular2在运行ng serve的时候卡在95% emitting LicenseWebpackPlugin

link3:angular cli 生成的工程 ng serve的时候运行到95% emitting LicenseWebpackPlu...

link4:ng serve 之后 卡在 95% emitting LicenseWebpackPlugin 不动了

link5:Angular6,ng serve --open执行到95%卡住,引发的一系列问题

|

这个问题已经折腾两天了(业余学习),想做个demo连连手怎么就这么难呢,

不行,得有进度啊,还是手动copy吧,于是,下面的angular包,全部如此操作:

[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案

*******************************************************

结果就是: 没错,成功了!启动起来了。

(这是默认生成的页面)

[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案

当然,这不是根本的解决办法,

从根本上,应该是某个玩意儿的版本不能匹配造成的吧,

工程本身因该没有问题,都是 ng 命令自动建出来的,

而老旧的demo里,angular包同样是那样的层级路径,就没有问题。

先这样做着demo吧,也许哪天一升级更新又都正常了呢。

***************************************************************************

@ CopyRight CoderMonkey 2018

***************************************************************************

追记:

用npm安装依赖包时,出现过一个error,不知道有没有影响,但还是按以下链接中的操作了。

cnpm安装过程中提示optional install error: Package require os(darwin) not compatible with your platform(win32)

(执行了该命令:

cnpm rebuild node-sass

上一篇:Angular6之ng build | ng build --aot | ng build --prod 差异


下一篇:ng 构建