title: Could not resolve dependency: npm ERR! peer @angular/compiler@"11.2.8"
body: <p>I am trying to get my app to deploy on Heroku. I was getting the &quot;sh: 1: ng: not found&quot; error but based on responses on here, I moved my @angular/cli, @angular-devkit/build-angular, @angular/compiler-cli, and typescript. Now I am getting a &quot;Could not resolve dependency: npm ERR! peer @angular/compiler@&quot;11.2.8&quot;&quot; error. I think it is having a versioning issue? I'm not sure what is going on.</p>
  <p>I've tried running 'npm update' and tried manually inserting the '@angular/compiler@&quot;11.2.8&quot;' to dependencies and then running 'npm i' but both give me this same error.</p>
  <p>Here is my error:</p>
  <pre><code>npm ERR! Found: @angular/compiler@11.0.9
  npm ERR! node_modules/@angular/compiler
  npm ERR!   @angular/compiler@&quot;~11.0.1&quot; from the root project
  npm ERR!
  npm ERR! Could not resolve dependency:
  npm ERR! peer @angular/compiler@&quot;11.2.8&quot; from @angular/compiler-cli@11.2.8
  npm ERR! node_modules/@angular/compiler-cli
  npm ERR!   dev @angular/compiler-cli@&quot;^11.0.9&quot; from the root project
  npm ERR!   peer @angular/compiler-cli@&quot;^11.0.0&quot; from @angular-devkit/build-angular@0.1100.7
  npm ERR!   node_modules/@angular-devkit/build-angular
  npm ERR!     @angular-devkit/build-angular@&quot;~0.1100.2&quot; from the root project
  </code></pre>
  <p>Package.json:</p>
  <pre><code>&quot;scripts&quot;: {
      &quot;ng&quot;: &quot;ng&quot;,
      &quot;start&quot;: &quot;ng serve&quot;,
      &quot;build&quot;: &quot;ng build&quot;,
      &quot;test&quot;: &quot;ng test&quot;,
      &quot;lint&quot;: &quot;ng lint&quot;,
      &quot;e2e&quot;: &quot;ng e2e&quot;,
      &quot;postinstall&quot;: &quot;ngcc&quot;
    },
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;~0.1100.2&quot;,
      &quot;@angular/animations&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/cdk&quot;: &quot;^11.2.6&quot;,
      &quot;@angular/cli&quot;: &quot;~11.0.2&quot;,
      &quot;@angular/common&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/compiler&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/core&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/flex-layout&quot;: &quot;^11.0.0-beta.33&quot;,
      &quot;@angular/forms&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/material&quot;: &quot;^11.2.6&quot;,
      &quot;@angular/platform-browser&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;~11.0.1&quot;,
      &quot;@angular/router&quot;: &quot;~11.0.1&quot;,
      &quot;angular-in-memory-web-api&quot;: &quot;^0.11.0&quot;,
      &quot;rxjs&quot;: &quot;~6.6.0&quot;,
      &quot;tslib&quot;: &quot;^2.0.0&quot;,
      &quot;typescript&quot;: &quot;~4.0.2&quot;,
      &quot;uuid&quot;: &quot;^3.4.0&quot;,
      &quot;zone.js&quot;: &quot;~0.10.2&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;~0.1100.2&quot;,
      &quot;@angular/cli&quot;: &quot;~11.0.2&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;^11.0.9&quot;,
      &quot;@types/jasmine&quot;: &quot;~3.6.0&quot;,
      &quot;@types/node&quot;: &quot;^12.11.1&quot;,
      &quot;codelyzer&quot;: &quot;^6.0.0&quot;,
      &quot;jasmine-core&quot;: &quot;~3.6.0&quot;,
      &quot;jasmine-spec-reporter&quot;: &quot;~5.0.0&quot;,
      &quot;karma&quot;: &quot;~5.1.0&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
      &quot;karma-coverage&quot;: &quot;~2.0.3&quot;,
      &quot;karma-jasmine&quot;: &quot;~4.0.0&quot;,
      &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.0&quot;,
      &quot;protractor&quot;: &quot;~7.0.0&quot;,
      &quot;ts-node&quot;: &quot;~8.3.0&quot;,
      &quot;tslint&quot;: &quot;~6.1.0&quot;,
      &quot;typescript&quot;: &quot;~4.0.2&quot;
    }
  </code></pre>
  <p>How does one resolve this error?</p>