ng new fails with latest version of @angular/cli and npm

[Badisi]

🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• extract-i18n
• run
• config
• help
• version
• doc

Is this a regression?

Yes

Description

When using the latest version of @angular/cli and npm the command ng new fails during dependencies installation.
(but it's working fine with yarn)

karma-jasmine-html-reporter@1.6.0 requires a peer jasmine-core@">=3.7.1" but jasmine-core@3.6.0 is used in the root project.

🔬 Minimal Reproduction

Run the following command:

ng new app-test --package-manager=npm --defaults

🔥 Exception or Error

> ng new app-test --package-manager=npm --defaults
CREATE app-test/README.md (1017 bytes)
CREATE app-test/.editorconfig (274 bytes)
CREATE app-test/.gitignore (631 bytes)
CREATE app-test/angular.json (3551 bytes)
CREATE app-test/package.json (1209 bytes)
CREATE app-test/tsconfig.json (538 bytes)
CREATE app-test/tslint.json (3185 bytes)
CREATE app-test/.browserslistrc (703 bytes)
CREATE app-test/karma.conf.js (1425 bytes)
CREATE app-test/tsconfig.app.json (287 bytes)
CREATE app-test/tsconfig.spec.json (333 bytes)
CREATE app-test/src/favicon.ico (948 bytes)
CREATE app-test/src/index.html (293 bytes)
CREATE app-test/src/main.ts (372 bytes)
CREATE app-test/src/polyfills.ts (2830 bytes)
CREATE app-test/src/styles.css (80 bytes)
CREATE app-test/src/test.ts (753 bytes)
CREATE app-test/src/assets/.gitkeep (0 bytes)
CREATE app-test/src/environments/environment.prod.ts (51 bytes)
CREATE app-test/src/environments/environment.ts (662 bytes)
CREATE app-test/src/app/app.module.ts (314 bytes)
CREATE app-test/src/app/app.component.css (0 bytes)
CREATE app-test/src/app/app.component.html (24923 bytes)
CREATE app-test/src/app/app.component.spec.ts (946 bytes)
CREATE app-test/src/app/app.component.ts (212 bytes)
CREATE app-test/e2e/protractor.conf.js (904 bytes)
CREATE app-test/e2e/tsconfig.json (274 bytes)
CREATE app-test/e2e/src/app.e2e-spec.ts (659 bytes)
CREATE app-test/e2e/src/app.po.ts (274 bytes)
⠏ Installing packages (npm)...npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: app-test@0.0.0
npm ERR! Found: jasmine-core@3.6.0
npm ERR! node_modules/jasmine-core
npm ERR!   dev jasmine-core@"~3.6.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer jasmine-core@">=3.7.1" from karma-jasmine-html-reporter@1.6.0
npm ERR! node_modules/karma-jasmine-html-reporter
npm ERR!   dev karma-jasmine-html-reporter@"^1.5.0" from the root project
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 /Users/user/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2021-05-07T17_40_35_034Z-debug.log
✖ Package install failed, see above.
The Schematic workflow failed. See above.

🌍 Your Environment

• Angular CLI: 11.2.12
• Node: 14.15.1
• Npm: 7.12.0
• OS: darwin x64

[mbwgh]

Until this is fixed, how can I create a new project? Is there a way to pass --legacy-peer-deps to npm?
ng new --minimal still works, which is better than nothing I guess.

[alan-agius4]

Until this is fixed, how can I create a new project? Is there a way to pass --legacy-peer-deps to npm?
ng new --minimal still works, which is better than nothing I guess.

You can you —skip-install to skip invoking npm during the project creation. You can then run npm install manually after the project has been created

[crabouif]

Until this is fixed, how can I create a new project? Is there a way to pass --legacy-peer-deps to npm?
ng new --minimal still works, which is better than nothing I guess.

You can you —skip-install to skip invoking npm during the project creation. You can then run npm install manually after the project has been created

Not really working, but npm install --force works.