错误：目标入口点“@angular/flex-layout”缺少依赖项

Question

当我尝试启动 mi angular 应用程序时出现此错误

Error: The target entry-point "@angular/flex-layout" has missing dependencies:
- ./flex-offset/flex-offset

at TargetedEntryPointFinder.findEntryPoints (file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:941:13)     
at file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:1264:33
at SingleProcessExecutorSync.doExecute (file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:1573:23)
at file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:1594:35
at SyncLocker.lock (file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:1765:14)
at SingleProcessExecutorSync.execute (file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:1594:19)
at mainNgcc (file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/chunk-MMWD6KMJ.js:2103:19)
at Module.process (file:///C:/Users/rquintela/OneDrive%20-%20FYSEG,%20S.A/Documents/Repos/PlanificadorFrontEndAngular/node_modules/@angular/compiler-cli/bundles/ngcc/index.js:34:10)
at NgccProcessor.processModule (C:\Users\rquintela\OneDrive - FYSEG, S.A\Documents\Repos\PlanificadorFrontEndAngular\node_modules\@ngtools\webpack\src\ngcc_processor.js:171:27)
at C:\Users\rquintela\OneDrive - FYSEG,    S.A\Documents\Repos\PlanificadorFrontEndAngular\node_modules\@ngtools\webpack\src\ivy\host.js:150:18

Node.js v18.12.1

我已经完成 npm install 并且得到了这个

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular/cdk@10.2.7
npm ERR! Found: @angular/common@13.3.1
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"^13.3.1" from the root project
npm ERR!   peer @angular/common@">=11.0.0" from @angular/flex-    layout@11.0.0-beta.33
npm ERR!   node_modules/@angular/flex-layout
npm ERR!     @angular/flex-layout@"^11.0.0-beta.33" from the root project
npm ERR!   4 more (@angular/forms, @angular/platform-browser, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^10.0.0 || ^11.0.0-0" from @angular/cdk@10.2.7
npm ERR! node_modules/@angular/cdk
npm ERR!   @angular/cdk@"^10.2.7" from the root project
npm ERR!   peer @angular/cdk@"10.2.7" from @angular/material@10.2.7
npm ERR!   node_modules/@angular/material
npm ERR!     @angular/material@"^10.2.7" from the root project
npm ERR!     1 more (@angular/material-moment-adapter)
npm ERR!
npm ERR! Conflicting peer dependency: @angular/common@11.2.14
npm ERR! node_modules/@angular/common
npm ERR!   peer @angular/common@"^10.0.0 || ^11.0.0-0" from @angular/cdk@10.2.7
npm ERR!   node_modules/@angular/cdk
npm ERR!     @angular/cdk@"^10.2.7" from the root project
npm ERR!     peer @angular/cdk@"10.2.7" from @angular/material@10.2.7
npm ERR!     node_modules/@angular/material
npm ERR!       @angular/material@"^10.2.7" from the root project
npm ERR!       1 more (@angular/material-moment-adapter)
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\rquintela\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\rquintela\AppData\Local\npm-cache\_logs\2023-01-11T15_22_18_501Z-debug-0.log

在 package.json 我有这个

"@angular/cdk": "^10.2.7",
"@angular/common": "^13.3.1",
"@angular/compiler": "^13.3.1",
"@angular/core": "^13.3.1",
"@angular/flex-layout": "^11.0.0-beta.33",

我明白这是一个版本问题，但我真的不知道该怎么办

有什么想法吗？

谢谢

Answer 1

简单的答案是正确对齐您的版本。

获取 @angular/cdk 到 13.3.1 以及其余组件，并获取 @angular/flex-layout 到相关的 13 版本以匹配 (13.0.0-beta.38)。

这应该让它工作。

如果该句子的添加是“再次”，例如，它已经在该项目中使用，那么就这样吧。

如果句子没有扩展名，而且这是你第一次尝试使用它……不要。

该项目已被搁置和弃用。所以 - 宜早不宜迟 - 开始删除它的任何用法以支持其他用途。

Here's他们的公告贴。

一个让我最心烦意乱的举动 - 在很大程度上，这是我用来进行页面结构布局的最有用的东西。安息吧。