René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"@angular/cli v20. NPM cannot resolve @angular/fire","articleBody":"I'm trying to install @angular/fire to my Angular 20 project, but NPM won't resolve the package.\n\n**package.json**\n```\n{\n  \"name\": \"my-project\",\n  \"version\": \"0.0.0\",\n  \"scripts\": {\n    \"ng\": \"ng\",\n    \"start\": \"ng serve\",\n    \"build\": \"ng build\",\n    \"watch\": \"ng build --watch --configuration development\",\n    \"test\": \"ng test\"\n  },\n  \"prettier\": {\n    \"overrides\": [\n      {\n        \"files\": \"*.html\",\n        \"options\": {\n          \"parser\": \"angular\"\n        }\n      }\n    ]\n  },\n  \"private\": true,\n  \"dependencies\": {\n    \"@angular/common\": \"^20.1.0\",\n    \"@angular/compiler\": \"^20.1.0\",\n    \"@angular/core\": \"^20.1.0\",\n    \"@angular/forms\": \"^20.1.0\",\n    \"@angular/platform-browser\": \"^20.1.0\",\n    \"@angular/router\": \"^20.1.0\",\n    \"@ng-select/ng-select\": \"^20.1.2\",\n    \"firebase\": \"^12.1.0\",\n    \"rxjs\": \"~7.8.0\",\n    \"tslib\": \"^2.3.0\",\n    \"zone.js\": \"~0.15.0\"\n  },\n  \"devDependencies\": {\n    \"@angular/build\": \"^20.1.5\",\n    \"@angular/cli\": \"^20.1.5\",\n    \"@angular/compiler-cli\": \"^20.1.0\",\n    \"@types/jasmine\": \"~5.1.0\",\n    \"jasmine-core\": \"~5.8.0\",\n    \"karma\": \"~6.4.0\",\n    \"karma-chrome-launcher\": \"~3.2.0\",\n    \"karma-coverage\": \"~2.2.0\",\n    \"karma-jasmine\": \"~5.1.0\",\n    \"karma-jasmine-html-reporter\": \"~2.1.0\",\n    \"typescript\": \"~5.8.2\"\n  }\n}\n```\n\nI'm using the `add` command\n`ng add @angular/fire`\n\n**Output**\n\n```text\n√ Determining Package Manager\n  › Using package manager: npm\n√ Searching for compatible package version\n  › Found compatible package version: @angular/fire@20.0.1.\n√ Loading package information from registry\n√ Confirming installation\n× Unable to install package\n\nnpm error code ERESOLVE\nnpm error ERESOLVE could not resolve\nnpm error\nnpm error While resolving: my-project@0.0.0\nnpm error Found: @angular/core@20.1.6\nnpm error node_modules/@angular/core\nnpm error   peerOptional @angular/core@\"^20.0.0\" from @angular/build@20.1.5\nnpm error   node_modules/@angular/build\nnpm error     dev @angular/build@\"^20.1.5\" from the root project\nnpm error   peer @angular/core@\"20.1.6\" from @angular/common@20.1.6\nnpm error   node_modules/@angular/common\nnpm error     peer @angular/common@\"20.1.6\" from @angular/forms@20.1.6\nnpm error     node_modules/@angular/forms\nnpm error       peer @angular/forms@\"^20.0.0\" from @ng-select/ng-select@20.1.2\nnpm error       node_modules/@ng-select/ng-select\nnpm error         @ng-select/ng-select@\"^20.1.2\" from the root project\nnpm error       1 more (the root project)\nnpm error     peer @angular/common@\"20.1.6\" from @angular/platform-browser@20.1.6\nnpm error     node_modules/@angular/platform-browser\nnpm error       peerOptional @angular/platform-browser@\"^20.0.0\" from @angular/build@20.1.5\nnpm error       node_modules/@angular/build\nnpm error         dev @angular/build@\"^20.1.5\" from the root project\nnpm error       3 more (@angular/forms, @angular/router, the root project)\nnpm error     3 more (@angular/router, @ng-select/ng-select, the root project)\nnpm error   5 more (@angular/forms, @angular/platform-browser, ...)\nnpm error\nnpm error Could not resolve dependency:\nnpm error @angular/fire@\"20.0.1\" from the root project\nnpm error\nnpm error Conflicting peer dependency: @angular/core@20.1.7\nnpm error node_modules/@angular/core\nnpm error   peer @angular/core@\"20.1.7\" from @angular/platform-browser-dynamic@20.1.7\nnpm error   node_modules/@angular/platform-browser-dynamic\nnpm error     peer @angular/platform-browser-dynamic@\"^20.0.0\" from @angular/fire@20.0.1\nnpm error     node_modules/@angular/fire\nnpm error       @angular/fire@\"20.0.1\" from the root project\nnpm error\nnpm error Fix the upstream dependency conflict, or retry\nnpm error this command with --force or --legacy-peer-deps\nnpm error to accept an incorrect (and potentially broken) dependency resolution.\nnpm error\nnpm error\nnpm error For a full report see:\nnpm error C:\\Users\\Marco\\AppData\\Local\\npm-cache\\_logs\\2025-08-15T19_42_39_683Z-eresolve-report.txt\nnpm error A complete log of this run can be found in: C:\\Users\\Marco\\AppData\\Local\\npm-cache\\_logs\\2025-08-15T19_42_39_683Z-debug-0.log\n```\n\n**Angular version**\n\n```text\nAngular CLI: 20.1.5                                     \nNode: 22.18.0                                           \nPackage Manager: npm 10.9.3                             \nOS: win32 x64                                           \n                                                        \nAngular: 20.1.6                                         \n... common, compiler, compiler-cli, core, forms         \n... platform-browser, router                            \n                                                        \nPackage                      Version                    \n------------------------------------------------------  \n@angular-devkit/architect    0.2001.5                   \n@angular-devkit/core         20.1.5                     \n@angular-devkit/schematics   20.1.5                     \n@angular/build               20.1.5                     \n@angular/cli                 20.1.5                     \n@schematics/angular          20.1.5                     \nrxjs                         7.8.2                      \ntypescript                   5.8.3                      \nzone.js                      0.15.1\n```\n\nSame thing happens if I install directly with npm\n\n`npm i @angular/fire`","author":{"url":"https://github.com/MarksASP95","@type":"Person","name":"MarksASP95"},"datePublished":"2025-08-17T13:38:31.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/3667/angularfire/issues/3667"}