加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

《Angular5之too many symbolic links encountered》

发布时间:2020-12-17 08:26:58 所属栏目:安全 来源:网络整理
导读:前言: Angular升级为5已经有2-3个月了,由于项目的最佳实践是ng4,所以全局环境一直没变,因项目上线解决性能优化问题,将全局脚手架升级为1.5.5,默认匹配Angular应用是ng5,但依然可以运行ng4项目。目前培养前端接班人,为给他们讲解一些知识点,做demo,今

前言:

Angular升级为5已经有2-3个月了,由于项目的最佳实践是ng4,所以全局环境一直没变,因项目上线解决性能优化问题,将全局脚手架升级为1.5.5,默认匹配Angular应用是ng5,但依然可以运行ng4项目。目前培养前端接班人,为给他们讲解一些知识点,做demo,今天Angular给予了我一次惊喜,若问惊喜是什么,请随小编来。

正文:

使用脚手架@angular/cli创建服务,命令为:ng g service my-service

按照惯例,为讲解知识点,建立组件相应的服务,此时惊喜出现了:


经过九个月的前端磨炼,看到这种错误界面已经屡见不鲜,没有了最初的恐慌和畏惧,有问题就解决呗,通过查找,通过2篇博客,问题解决:

之前一直启用cnpm install,下载前端依赖包,因为这默认是在国内网站上下载资源,速度快,然而,目前随着Angular的升级,nodejs的升级,再使用国内网站上下载资源,便会出现此错误,解决方案:

1.删除用cnpm install,下载的node_modules

2.使用npm install下载依赖包

3.要安装@angular-devkit/core:cnpm install@angular-devkit/core

三步解决问题,再使用命令创建服务时便不会出错:ng g service my-service

还有另外的发现,脚手架升级之后,使用npm install下载依赖包,便会在项目的根目录自动生成package-lock.json文件:如下图


通过查阅,package-lock.json文件出现与npm的升级有关,其中package-lock.json是当 node_modules 或 package.json 发生变化时自动生成的文件。这个文件主要功能是确定当前安装的包的依赖,以便后续重新安装的时候生成相同的依赖,而忽略项目开发过程中有些依赖已经发生的更新。

虽然这样的升级会引发一个问题,但同时解决了项目中一个极大的隐患,之前没有package-lock.json文件锁定依赖包,每次cnpm install时,便会自动下载最新依赖包,原本项目的依赖包便会发生变化,依赖之间的兼容便会有很大的不确定性,从而项目可能会因为依赖的改变,而导致项目崩溃,现在有了锁定文件之后,项目稳定性多了一重保障。

另外,之前没有锁定文件时,使用Jenkins自动构建命令中,每次都会下载node_modules,导致前端构建速度相对后端而言很慢, 这也是在开发过程中大家吐槽的地方,后来自己想过一个办法,最初下载依赖包之后,将每次构建时,先移出此文件,然后再放进去,减少了重新下载依赖包的时间,增加了移动的时间。现在有了锁定文件之后,前端的自动化部署时间也会相应减少。

具体目前脚手架升级和npm更新有何新的影响,带后续研究。

结语:

用发展的眼光看待事物

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读