title: When I run `ng new`, npm has a dependency problem
body: <p>i ran <code>ng new</code> in terminal. I ended up getting an npm error</p>
  <ol>
  <li>new folder</li>
  <li>run <code>ng new</code> in new folder</li>
  <li>set the name and accept defaults (and use SCSS)</li>
  <li>watch it create files and error at the end</li>
  </ol>
  <pre><code>⠸ Installing packages (npm)...npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR! 
  npm ERR! While resolving: project-name@0.0.0
  npm ERR! Found: jasmine-core@3.7.1
  npm ERR! node_modules/jasmine-core
  npm ERR!   dev jasmine-core@&quot;~3.7.0&quot; from the root project
  npm ERR! 
  npm ERR! Could not resolve dependency:
  npm ERR! peer jasmine-core@&quot;&gt;=3.8&quot; from karma-jasmine-html-reporter@1.7.0
  npm ERR! node_modules/karma-jasmine-html-reporter
  npm ERR!   dev karma-jasmine-html-reporter@&quot;^1.5.0&quot; 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-07-11T18_12_50_796Z-debug.log
  ✖ Package install failed, see above.
  The Schematic workflow failed. See above.
  </code></pre>