title: Fix the upstream dependency conflict while creating new angular project
body: <p><strong>Version:</strong> <br>
  Angular CLI: 12.1.1 <br>
  Node: 14.17.3 <br>
  Package Manager: npm 7.19.1</p>
  <p>Error coming while creating a new angular project.</p>
  <pre><code>npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! While resolving: angular-beginner@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.
  </code></pre>
  <p>After searching StackOverflow I found this and tried.</p>
  <ol>
  <li>Run the command with --force, or --legacy-peer-deps</li>
  <li>npm uninstall –g @angular/CLI <br>
  npm cache clean --force <br>
  npm install –g @angular/cli@latest</li>
  </ol>
  <p>But still didn't resolve the issue. TIA</p>