创建Angular项目，版本依赖冲突解决方案

最新推荐文章于 2024-02-19 17:30:28 发布
最新推荐文章于 2024-02-19 17:30:28 发布
阅读量902 收藏
点赞数 1
分类专栏： 初学angular 文章标签： angular.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64123007/article/details/127466354
版权

问题介绍

在通过ng new 项目名，创建angular项目时，出现以下错误

Conflicting peer dependency: @angular/compiler@14.2.7

可以看出是创建项目时所需版本和实际不符

 package.json指定的错误版本内容，与上对比参考

 

解决方案

秉承高版本兼容低版本想法，将package.json文件所有14.2.0版本改为14.2.7

然后执行npm install 安装依赖

启动项目ng serve --open就可以启动

 

补充：此方法每次创建项目都需要此操作，有没有一劳永逸，直接在创建项目就可以版本依赖对应好，欢迎评论大家指导！！！！

欢乐斗鸡主
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular共享依赖的解决方案分享
01-21
webpack-ng-dll-plugin ng版本可用的dll插件,路子比较野 用途 提高打包速度 代码复用(微前端依赖共享) 使用 首先根据个人熟悉程度选择@angular-devkit/build-webpack,@angular-builders/custom-webpack,ngx-build-plus 第一个是官方的,后两个是第三方的,但是确认你有练过之前,请不要选择官方的… 作者在测试的时候选择的是@angular-builders/custom-webpack 先构建dll,建议使用空项目来创建dll,因为目前开发中并没考虑到一些复杂逻辑的实现及相关第三方包
NPM 学习笔记 【因为版本冲突，angular安装失败的解决方案】
weixin_40731298的博客
07-22 2302
angular安装失败
关于Angular2 + node接口调试的解决方案
12-12
事情的起因 由于最近在使用Angular + node开发，采取的办法一直都是约定好接口，然后node实现，再编写前端。但是这样有一个很麻烦的问题：编写前端的时候无法调用接口，不能很好地测试，只能一口气写完再编译后放到后端来测试。 经常会因为解决一些小的问题而反复的编译、调试，浪费很多不必要的时间。 解决方案 偶然发现webpack-dev-server可以实现代理请求（把指定的url规则转发到其他地址），所以就试了一下。由于项目使用了Angular-cli构建，并没有webpack配置文件，悲伤。于是又去google上搜索了一圈Angular-cli，找到了Angular-cli实现代理的解
详解angular部署到iis出现404解决方案
12-29
angular应用部署在iis上，刷新出现404 解决方案： 安装 iis URL Rewrite 模块，配置urlrewrite如下： 在 src 目录下增加web.config，内容如下： <configuration> <system> <rewrite> <rules> <rule name=Angular stopProcessing=true> <match url=.*> <conditions logicalGrouping=MatchAll> <add input={REQUEST_
cnpm加速Angular项目创建的方法
10-18
主要介绍了cnpm加速Angular项目创建的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
安装npm包时出现依赖树错误的解决办法
Thinking Code
10-22 8068
报错提示：无法解决该依赖(Could not resolve dependency)，与该less版本冲突(Conflicting peer dependency: [email protected]). 并告知：Fix the upstream dependency conflict, or retry this command with --force, or --legacy-peer-deps to accept an incorrect (and potentially broken) dependen
【npm错误】- npm ERR code ERESOLVE 和 npm ERR ERESOLVE could not resolve 问题
m0_55960697的博客
05-07 1万+
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plu..
vue npm install 依赖冲突
MaoObject的博客
12-26 1677
安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。报错原因：在执行 npm install 存在依赖冲突。在终端重新安装即可解决。
依赖包和项目版本不一致的冲突解决
weixin_68658847的博客
01-04 1113
依赖包和项目版本不一致的冲突解决
npm安装依赖时出现Peer Dependencies冲突报错
luxigaola的博客
09-10 6326
【代码】npm安装依赖时出现Peer Dependencies冲突报错。
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
08-27
主要介绍了使用Angular CLI快速创建Angular项目的一些基本概念和写法小结,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
npm版本下载时组件包时版本冲突的解决方法
qq_74224539的博客
10-21 396
在终端或命令行界面中，切换到项目根目录下。命令来安装依赖项并强制解决冲突。
记一个npm安装依赖报错
最新发布
IT菜鸟
02-19 583
根据错误信息显示，uglifyjs[email protected] 需要 webpack@^4.0.0 作为 peer dependency，但是项目中已经安装了 [email protected]，这就导致了冲突。如果还是无法解决，可以尝试更新或者降级uglifyjs-webpack-plugin和相关的依赖版本，以使它们与webpack@5兼容。解决这个问题的方法之一是尝试使用`--force`或者`--legacy-peer-deps`选项来强制接受不完全匹配的依赖关系解析。
Angular：更新package.json依赖
qq_42119514的博客
11-08 1551
做一个记录... 千万别乱升级，很容易把环境搞崩了！ 1.安装： npm install -g npm-check-updates 2.检查package.json中dependencies的最新版本： ncu 3.更新dependencies到新版本： ncu -u 4.更新全部dependencies到最新版本(包括当前指定版本范围满足最新版本号的,比如^4.2.0 -&...
has incorrect peer dependency出现解决方式
热门推荐
山鬼谣弋痕夕的博客
08-06 1万+
在启动项目是遇到该问题：  解决方式： $ npm install -g yarn 之后再运行即可。 这是更新Yarn以及您的包，停止看到错误。 另外，避免使用npm upgrade命令获取最新版本的 - 使用npm install。...
Angular 4.0.0 之后 Angular、Node.js、TypeScript 版本依赖关系
Talk is cheap, show the code.
12-29 2070
Angular 4.0.0 之后 Angular、Node.js、TypeScript 版本依赖关系
Angular——第三篇之依赖包
weixin_43606241的博客
11-11 2040
一、安装第三方类库 1 、将第三方类库安装到本地（node_modules） 必须在当前项目目录下面输入命令。 这样会把包下到node_modules目录下面。安装好之后，会自动加到package.json里面 package.json 这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包，这些是Angular自带的，存放在node_modules目录中。 需要...
Angular 踩坑之版本升级—— TS / Node版本
KenkoTech的博客
09-21 1841
Angular 对于Node / TS的版本依赖
安装axios时报错
lanmy_dl的博客
08-15 6792
npm ERR!
创建angular项目
09-12
创建Angular项目的步骤如下： 1. 打开命令行终端，并进入到你想要创建项目的文件夹中。 2. 使用命令`ng new 项目名称`来创建一个新的Angular项目。比如，使用命令`ng new angularui`创建一个名为`angularui`的项目。 3. 进入到项目目录，使用命令`cd 项目名称`，比如`cd angularui`。 4. 使用命令`cnpm i`来安装项目所需的依赖。这里使用了`cnpm`作为包管理工具来安装依赖。 5. 在`app.module.ts`文件中导入所需的包。比如，使用命令`import { FormsModule } from '@angular/forms';`来导入`FormsModule`模块。 6. 根据需要，在HTML模板中使用`*ngFor`循环来绑定数据，并使用`*ngIf`条件语句进行选择。比如，使用`*ngFor="let hero of heroes"`来循环绑定名为`heroes`的数据。 7. 使用命令`ng serve --open`或`npm start`来运行项目，并打开浏览器查看页面。这将启动开发服务器并自动打开浏览器以显示你的应用程序。 希望以上步骤能帮助你成功创建Angular项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值