ionic关于@angular版本报错解决方案(有效)

最近学校要求使用ionic+angular学习,但是出现下面问题,这里我就分享一个我亲测有效的解决方案,提供学习(在VScode中)

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: [email protected]
npm error Found: @angular/[email protected]
npm error node_modules/@angular/compiler
npm error   @angular/compiler@"^17.0.2" from the root project
npm error   peer @angular/compiler@"17.3.9" from @angular/[email protected]
npm error   node_modules/@angular/compiler-cli
npm error     dev @angular/compiler-cli@"^17.0.2" from the root project
npm error     peer @angular/compiler-cli@"^17.0.0" from @angular-devkit/[email protected]
npm error     node_modules/@angular-devkit/build-angular
npm error       dev @angular-devkit/build-angular@"^17.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error @angular/platform-browser-dynamic@"^17.0.2" from the root project
npm error
npm error Conflicting peer dependency: @angular/[email protected]
npm error node_modules/@angular/compiler
npm error   peer @angular/compiler@"17.3.10" from @angular/[email protected]
npm error   node_modules/@angular/platform-browser-dynamic
npm error     @angular/platform-browser-dynamic@"^17.0.2" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\1\AppData\Local\npm-cache\_logs\2024-05-23T08_05_36_730Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:\Users\1\AppData\Local\npm-cache\_logs\2024-05-23T08_05_36_730Z-debug-0.log
[ERROR] An error occurred while running subprocess npm.        
       npm.cmd i exited with exit code 1.  
        Re-running this command with the --verbose flag may provide more information.

这个错误提示是由于依赖冲突引起的。特别是@angular/compiler的版本不匹配导致了问题。

我之前在很多UP主那里看到都尝试过,都不行,没有解决的好方案,下面介绍我的方法解决这个问题!

C:\Users\1>npm -v
10.8.0
C:\Users\1>node -v
v20.13.1
C:\Users\1>ionic -v
7.2.0

其他博主的意思是手动删除node_modulespackage-lock.json

然后手改更新package.json文件中所有@angular相关包的版本

其实没多大关系,我们不管

我们重新在全局进行修复问题

打开CMD

1. 更新Node.js和npm

确保你使用的是最新版本的Node.js和npm。你可以通过以下命令更新npm:

npm install -g npm

如果需要更新Node.js,可以从Node.js官网下载并安装最新版本。

2. 设置npm全局配置

你可以使用npm配置命令来设置全局配置项,例如设置legacy-peer-depsforce选项,以避免依赖冲突问题。

设置legacy-peer-deps选项

npm config set legacy-peer-deps true

设置force选项(不推荐,除非必要):

npm config set force true
3. 清理npm缓存

清理npm缓存以确保没有缓存的旧依赖项导致问题:

npm cache clean --force
4. 检查和修复全局包

虽然npm audit不能用于全局包,但你可以列出全局安装的包并手动检查和更新它们:

列出全局安装的包

npm ls -g --depth=0

全局更新某些包(例如@angular/cli

npm install -g @angular/cli

最后,我们再去安装**ionic**

我一般都是用VScode中插件ionic和Android studio搭配学习,包括 Angular, ReactVue
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_57076217/article/details/139152607