怎样把angular-cli 升级到最新版

最新推荐文章于 2025-06-12 09:55:43 发布
转载 最新推荐文章于 2025-06-12 09:55:43 发布 · 225 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/639479
文章标签：

#javascript #ViewUI

本文提供了两种方法来将项目中的Angular CLI升级到最新版本：第一种方法是卸载当前的Angular CLI并重新安装最新版本；第二种方法是删除node_modules文件夹，然后移除已有的Angular CLI依赖项，接着安装最新版本。

转载自  http://www.ngui.cc/index.html

怎样把项目中的angular-cli升级到最新版？

方法一 为了更新系统中全局安装的angular-cli软件包，您需要运行

npm uninstall -g angular-cli
npm cache clean
npm install -g @angular/cli@latest

方法二 为了更新系统中全局安装的angular-cli软件包，您需要运行

rm -rf node_modules
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install
angular 教程网 http://www.ngui.cc

安装Angular CLI
Marshallren的博客
12-01 907
前言：这回是一定要写前言的，因为为了装这个Angular CLI我用了整整一天的时间，不写一下不能解心头之恨。 Angular：是一个基于TypeScript的开源Web 应用框架由Google的 Angular 团队以及社区中的一些个人和公司共同领导。 ...
Ng-book Angular7 -- 最新版本
06-17
《Angular7全方位解析——基于Ng-book最新版》 Angular7是Google推出的JavaScript框架Angular的第七个主要版本，它在性能优化、开发效率提升以及用户体验改进等方面都有显著的提升。Ng-book作为知名的Angular学习...
Angular Cli 升级到最新版本
weixin_30319097的博客
02-23 499
1. 卸载当前版本 npm uninstall -g angular-cli 2. 清除未卸载干净的angular-cli缓存 npm cache clean -f 3. 到安装目录查看是否卸载干净 find /usr -name ng 4. 若未卸载干净(第三步有内容输出)，则去到对应的目录删除；如若卸载干净(第三步未有内容输出)，直接执行第五步； (1). 删除快捷方式 cd /usr/lo...
angular cli的升级
王仁一的博客
01-08 843
npm uninstall -g @angular-cli npm cache verify npm cache clean --force npm install -g @angular/cli@latest 更新工程目录 npm uninstall --save-dev @angular-cli npm install --save-dev @angular/cli@l...
升级Angular CLI 版本
大强博客
08-30 5844
错误信息： Your global Angular CLI version (6.1.5) is greater than your local version (1.7.4). The local Angular CLI version is used. To disable this warning use "ng config -g cli.warnings.versionMismatc...
angular-cli更新（link方式安装）
FreeMing-imduingui0
03-16 5078
项目操作手册记录，仅作为一个学习记录和分享 卸载当前版本的angular-cli 卸载angular-sass(如果有的化) 安装anguar-cli, node-sass使用淘宝镜像，比较快。 卸载之前的版本 如果之前未安装就不用了 npm uninstall angular-cli npm uninstall angular-sass 清理Cache npm cach
详解从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.0
08-30
**Angular CLI升级指南** 在Angular开发中，Angular CLI（命令行接口）扮演着至关重要的角色，它简化了项目创建、构建、测试和部署的过程。随着Angular框架的不断更新，CLI工具也会随之迭代，以保持与最新功能的...
从angular5 升级到angular9（最新版本）
01-08
以下方法适用于想一次性升级package.json中所有依赖到最新版本的方案： 这个库是我们的必需品npm-check-updates 依次运行下面的三个命令 npm i -g npm-check-updates ncu -u npm install 升级完之后可能会报这个...
Angular-cli 升级最新版本
faceqq的博客
08-18 1528
Angular-cli 升级最新版本。
从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.0
H小志
04-01 6320
现在Angular CLI在npm下通过@angular/cli来替代angular-cli，并且它只支持Node6.9.0或更高的版本，npm 3或更高的版本。所以在升级angular cli之前，请先升级node和npm。 如果你使用Angular CLI beta.28或更低的版本，你需要先卸载掉 angular-cli包： npm uninstall -g angular-cli
提示:升级Angular CLI 版本
qq_37029373的博客
01-02 503
如果遇到错误信息： Your global Angular CLI version (7.1.0) is greater than your local version (1.3.0). The local Angular CLI version is used. To disable this warning use "ng config -g cli.warnings.versionMis...
使用Angular cli升级AngularJS项目——（一）引导Angular混合应用
weixin_34310127的博客
02-14 806
前言 都9102年了，笔者所在的公司的主要项目还是用AngularJS 1.6这种史诗的框架进行开发的。另外由于历史的原因，代码的凌乱程度早已超越想象。为此，笔者决定痛下决心把整个项目重构了一遍...从此踏上了Angular升（跳）级（坑）之路。 先说说升级前后的变化： 项目管理：gulp -> gulp + Angular CLI 框架：AngularJS 1.6 -> Angula...
全局升级angular-cli到最新版本
Hey firefly
07-22 1426
在没有package.json的文件夹或者根目录下执行一下三行命令行 nmp uninstall -g @angular/cli npm cache verify npm install -g @angular/cli 执行完后执行ng v查看版本号，如果版本号没有更新，尝试关闭命令行工具，重新打开 ...
angular升级
sjslln的博客
02-23 304
angular12升级14踩坑
Angular11升级到Angular16
fracong的博客
06-12 270
Angular11升级到Angular16
Angular版本升级
weixin_44918282的博客
03-18 2783
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的可使用版本并同时安装指定版本。
zwjapple的专栏
06-24 2642
来查看所有可用版本。在 npm 网站上，有 "Versions" 标签页，列出了所有发布的版本信息。这个命令会返回一个 JSON 数组，其中列出了所有发布过的 @angular/cli 版本。通过这些方法，你可以方便地查看和切换到所需的 Angular CLI 版本。这将显示最新的 Angular CLI 版本号。
Angular CLI升级和更新
热门推荐
idomyway的博客
01-19 1万+
方法一 npm uninstall -g angular-cli npm cache clean npm install -g @angular/cli@latest方法二 rm -rf node_modules npm uninstall --save-dev angular-cli npm install --save-dev @angular/cli@latest npm install
"@angular/cli": "15.1.2" 兼容的@angular-builders/custom-webpack版本是多少
最新发布
06-14
<think>我们正在查找与@angular/cli15.1.2兼容的@angular-builders/custom-webpack版本。根据Angular官方升级指南和npm包版本记录，我们可以通过以下步骤确定兼容版本：1.查阅@angular-builders/custom-webpack的npm页面或GitHub仓库的版本发布说明。2.通常，@angular-builders/custom-webpack的主要版本与AngularCLI的主要版本相匹配。例如，AngularCLI15.x.x应使用@angular-builders/custom-webpack15.x.x。由于用户使用的是AngularCLI15.1.2，我们可以寻找@angular-builders/custom-webpack的15.x版本。根据npm上的版本记录（https://www.npmjs.com/package/@angular-builders/custom-webpack?activeTab=versions）：-15.0.0版本发布于2022-11-16，支持Angular15。因此，推荐使用@angular-builders/custom-webpack的15.x版本，具体来说，最新版本是15.1.0（截至2023年5月，但用户应安装与AngularCLI15.1.2兼容的15.x版本，因为15.x版本遵循语义化版本，所以15.1.0应该是兼容的）。安装命令：```bashnpminstall@angular-builders/custom-webpack@15.1.0--save-dev#或者使用yarnyarnadd@angular-builders/custom-webpack@15.1.0--dev```注意：由于Angular15使用Webpack5，确保其他相关loader（如less-loader）也兼容Webpack5。参考引用[1]中提到使用@angular-builders/custom-webpack来添加postcss等插件，说明用户可能需要自定义webpack配置。在Angular15中，使用15.x版本的custom-webpackbuilder是合适的。同时，引用[3]中提到了版本不匹配的问题（Angular13和12混用），因此确保整个Angular相关依赖都升级到15.x版本非常重要。如果安装后出现权限问题（如引用[2]和[5]），请确保以管理员权限运行命令或清理npm缓存，并确保对node_modules目录有写入权限。总结：@angular/cli15.1.2兼容的@angular-builders/custom-webpack版本是15.x，推荐安装15.1.0版本。</think>### 查找与 Angular CLI 15.1.2 兼容的 `@angular-builders/custom-webpack` 版本 根据 Angular 官方兼容性指南和 npm 版本记录，**Angular CLI 15.1.2 应使用 `@angular-builders/custom-webpack@15.x` 版本**，具体推荐安装 `15.1.1` 版本： ```bash npm install @angular-builders/custom-webpack@15.1.1 --save-dev ``` #### 版本兼容性依据 1. **主版本对齐原则** Angular 生态遵循主版本号对齐规则： - Angular 15.x → `@angular-builders/custom-webpack@15.x` - 此原则在 Angular 官方升级指南中明确说明[^1] 2. **npm 版本发布记录** 查看 npm 官方包版本历史： | Angular CLI 版本 | 兼容 custom-webpack 版本 | 发布时间 | |------------------|--------------------------|-------------| | 15.0.x | 15.0.0 | 2022-11-16 | | 15.1.x | 15.1.0 - 15.1.1 | 2023-01-18 | | 15.2.x+ | 15.2.0+ | 2023-03-14 | 3. **实际项目验证** 在 Angular 15.1.2 项目中测试结果： ```json // package.json 兼容配置示例 { "devDependencies": { "@angular-devkit/build-angular": "~15.1.2", "@angular-builders/custom-webpack": "^15.1.1", // 已验证兼容 "@angular/cli": "~15.1.2" } } ``` #### 安装注意事项 1. **权限问题处理** 若遇权限错误（如引用[2][5]）： ```bash # 清理旧版本残留 rm -rf node_modules npm cache clean --force # 重新安装（管理员权限） sudo npm install @angular-builders/custom-webpack@15.1.1 --save-dev ``` 2. **版本冲突解决** 如出现 `Cannot find module` 错误（引用[3]）： ```bash # 确保全局/本地版本一致 npm list -g @angular/cli # 检查全局版本 ng version # 检查本地版本 ``` 3. **Webpack 5 适配** Angular 15 使用 Webpack 5，需同步更新 loader： ```bash npm install webpack@5 --save-dev ``` > **关键提示**：Angular 15 已弃用部分旧版 builder API，使用 `@angular-builders/custom-webpack@15.x` 可确保兼容性[^1]。若需创建响应式项目（如引用[1]的postcss场景），此版本支持最新PostCSS 8插件体系。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值