Angular: 升级Angular 14到Angular 15

已于 2023-02-19 15:31:05 修改
阅读量3k 收藏 2
点赞数
分类专栏： Web Programming 文章标签： 前端 javascript angular
于 2023-02-19 11:10:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alvachien/article/details/129108417
版权
本文介绍了如何从Angular14平稳升级到15，包括阅读官方升级文档，创建NPMscript简化升级命令，执行特定库如Material的迁移步骤，以及进行测试确保升级后功能正常。在升级过程中可能会遇到的问题，如node的types需要重新安装。
摘要由CSDN通过智能技术生成

N个月前写过一篇Angular: 升级Angular 13到Angular 14 的文章。现在Angular已经发布到了V16（非GA版本），那是时候把Angular项目升级到Angular 15了。

因为有了之前的经验，这次相对来说比较轻松一点：
步骤一：官方升级文档一定要阅读：官方链接
这个文档虽然不一定有具体价值，但是如果有非常严重的问题，文档一定会表明的。比如Angular 9的升级中引入Ivy模式。

步骤二: 创建一条NPM script在package.json文件中：

 "scripts": {
   
    "ng": "ng",
    
    "upgrade15"
最低0.47元/天 解锁文章
alvachien
关注
专栏目录
angular：Angular的JSON支持形式
01-31
将下载到您的计算机。 在您的终端上，键入npm install 现在输入ng serve 这将启动一个示例应用程序，您可以在其中查看此模块提供的所有功能。 这是托管的演示应用程序在您的应用程序中使用您可以通过按如下所示引用...
Angular 11到升级到 Angular 16
qq_39961695的博客
12-22 2714
Angular 升级策略
angular10 丝滑升级 至angular13或最新版
qq_44749866的博客
11-30 671
以angular10升级至angular13为例：V10 => V13, 我们无法直接跨级升级,假设10=>11出现checklog错误或是兼容性问题，那么10=>13的升级必然是失败的。（4）依次类推，11升级至12重复上述步骤，有其它第三方包有兼容性问题，可以去它的官方文档查看，安装与angular版本匹配的包。（2）有版本控制的 项目，上一步升级更改了的文件需要提交，否则执行下一步升级会提示，仓库不干净。如果报错，我们根据报错信息提示，解决即可。（因为不提交继续升级的话，就不知道更改是哪次升级改的）
Angular 18.2.0 的新功能增强和创新
最新发布
技术探索驿站
07-25 1389
随着 18.2.0 的发布，CLI 已更新了新的提示，可更有效地指导开发人员完成各种任务，例如组件生成、配置选项和依赖项管理。这包括对延迟加载的改进，现在它支持更复杂的场景，并通过按需加载资源来提高应用程序的性能。新的错误处理功能可以提供更具描述性的消息，准确指出错误发生的位置和原因，这与通用消息不同。通过为您的项目配置 Angular Universal 可以说明 SSR 的改进，它现在可以更有效地处理动态导入，从而减少首次绘制的时间。借助新的测试功能，您可以轻松模拟必要的服务并直接关注组件的功能。
Angular：升级Angular 13到Angular 14
Wrote Ideas Down, Together with Skills
10-30 4703
Angular项目升级Angular 14的小结
Angular项目升级的一般步骤？
金木编程
03-02 731
Angular提供了一个称为update的工具，可用于帮助自动更新项目文件以适应新版本的Angular。确认当前项目所使用的Angular版本。随着项目的发展，继续关注Angular的新版本发布，并定期进行更新和升级，以保持项目的安全性和性能。通过遵循以上步骤，可以更顺利地完成Angular项目的升级过程，并确保项目的稳定性和可靠性。根据更新日志和官方文档，对项目中的代码进行必要的更改和调整，以适应新版本的Angular。如果一切顺利，将更新的项目部署到生产环境，并确保监控和测试新版本的稳定性。
Angular项目升级最佳实践
金木编程
11-08 298
5、在升级第三方库时，可以一个一个库升级，例如将某个库先卸载，然后执行命令npm i libraryName 进行安装，这样可以安装上与Angular兼容的版本。v=10.0-16.0，选择angular新旧版本，升级。6、待所有第三方库升级完成后，尝试npm start启动项目，遇到build问题，先注释部分代码，让其运行起来。1、查看第三方依赖库各版本的重大变化，确定待升级的Angular版本以及第三方库的版本。7、发现并解决bug，直到升级后的功能与升级前完全一致。3、安装新版node.js。
安装angular到指定版本
zf2451597310的博客
04-06 2897
在运行ng serve的时候会报错ng不是内部命令，这是因为你的node环境上海没有安装angular/cli，所以我们安装上后再ng serve项目就可以正常运行了！5、安装cnpm，相当于一个中国的npm镜像。如果出现版本号则说明未卸载干净。1、卸载旧版本angular。2、清除缓存，确保卸载干净。6、查看angular版本。3、检查是否卸载干净。
Angular8升级至Angular13遇到的问题
富朝阳的博客
09-23 5886
Angular8升级至Angular13遇到的问题
angular:开源Angular库
03-29
@matheo 这个项目是一个沙盒，可与Angular和Nx一起使​​用，提高我的编码标准并发布一些开源的东西。@ matheo /数据源 Angular的React式数据源。@ matheo /日期选择器 官方datepicker模块的一个分支，带有时间选择...
availity-angular:可用性Angular SDK
04-29
Availity Angular库在很大程度上受到多个开源框架的启发。 如果由于某种原因不能直接使用库（IE9限制），我们直接在该项目中重用了该项目的代码。 请查看下面的库，获取一些编写精美的代码。 角带 角靴 瓦尔德 ...
mobx-angular：MobX连接器到Angular
02-05
Angular的MobX连接器（版本2-9） 如果您正在寻找Angular 1版本，请 为什么选择MobX？ Angular的更改检测功能很棒，但是每次更改都会更新整个UI，并且不了解组件如何使用我们的服务。 MobX会自动从商店中了解组件...
keycloak-angular：为Angular应用程序轻松设置Keycloak
01-31
一个HttpClient拦截器，它将授权标头添加到所有HttpClient请求中。 也可以禁用此拦截器或将路由排除在具有授权标头之外。 本文档还可以帮助您在Angular应用程序中配置keycloak，并在keycloak安装的管理控制台中...
从angular5 升级到angular9（最新版本）
Hey firefly
02-19 5847
搞了一天，终于升级成功了，其实最后升级成功倒发现没那么难。 以下方法适用于想一次性升级package.json中所有依赖到最新版本的方案： 这个库是我们的必需品npm-check-updates 依次运行下面的三个命令 npm i -g npm-check-updates ncu -u npm install 升级完之后可能会报这个错误 The serve command requires...
Angular 项目升级需要注意什么？
金木编程
09-23 312
更新Angular CLI：如果你的项目使用Angular CLI，确保将其升级到与目标Angular版本兼容的最新版本。了解目标版本：确定你要升级到的目标Angular版本。Angular的版本升级通常是渐进的，因此你可能需要逐步升级到中间版本，然后再升级到目标版本。逐步升级：根据Angular官方文档的建议，逐步升级你的项目。文档和培训：更新项目的文档，以反映新版本的变化，并确保团队成员了解这些变化。更新Angular模板：检查和更新你的Angular模板，以使用新版本中引入的任何新特性或最佳实践。
Angular Material 每个版本的不同
06-21 722
5. Angular Material 8: 这个版本带来了一些重要的改进，包括更好的主题定制选项、新增的组件如日期范围选择器 `<mat-date-range-picker>` 和文件上传 `<mat-file-upload>`，以及一些样式和布局改进。4. Angular Material 7: 这个版本引入了一些新的组件和特性，如 `<mat-spinner>`（用于显示加载指示器）、`<mat-sort>`（用于数据排序）和 `<mat-bottom-sheet>`（用于显示底部面板）。
Angular版本升级
weixin_44918282的博客
03-18 2695
1.升级全局Angular CLI npm install -g @angular/cli@latest 2.解决CLI和程序CLI版本不一致问题 npm rebuild node-sass 3.启动更新程序，查看哪些需要更新 ng update 得到结果 4.升级剩下所有组件 ng update --all --force 5.升级完成后，可以能有一些插件不兼容，可以通过下面的方式安装需要的版本 npm i (需要的更新的组件)...
Angular-cli 升级最新版本
faceqq的博客
08-18 1436
Angular-cli 升级最新版本。
Angular进阶-NVM管理Node.js实现不同版本Angular环境切换
踏雨歌青春，诗酒趁年华
05-05 8900
本文介绍了如何使用NVM（Node Version Manager）实现在同一台机器上管理多个Node.js版本。使用NVM，可以轻松安装、切换或卸载不同版本的Node.js，确保不同项目间的版本兼容性。通过简单的命令行操作，NVM提高了开发效率，减少了因版本冲突造成的问题，是现代Web开发中不可或缺的工具。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值