title: How to resolve ngx-bootstrap error in Angular-14
body: <p>In Angular-14 project, I have this <code>package.json</code>:</p>
  <p>package.json:</p>
  <pre><code>&quot;dependencies&quot;: {
    &quot;@angular/animations&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/common&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/compiler&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/core&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/forms&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/platform-browser&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/platform-browser-dynamic&quot;: &quot;^14.0.0&quot;,
    &quot;@angular/router&quot;: &quot;^14.0.0&quot;,
    &quot;@rxweb/reactive-form-validators&quot;: &quot;^2.1.7&quot;,
    &quot;admin-lte&quot;: &quot;3.2&quot;,
    &quot;google-libphonenumber&quot;: &quot;^3.2.28&quot;,
    &quot;intl-tel-input&quot;: &quot;^17.0.3&quot;,
    &quot;ngx-toastr&quot;: &quot;^14.3.0&quot;,
    &quot;npm-check&quot;: &quot;^5.9.2&quot;,
    &quot;rxjs&quot;: &quot;~7.5.0&quot;,
    &quot;sweetalert2&quot;: &quot;^11.4.17&quot;,
    &quot;tslib&quot;: &quot;^2.3.0&quot;,
    &quot;zone.js&quot;: &quot;~0.11.4&quot;
  },
  </code></pre>
  <p>So, as I decide to install <code>ngx-bootstrap</code> using <a href="https://valor-software.com/ngx-bootstrap/#/" rel="nofollow noreferrer">ngx bootstrap</a>:</p>
  <blockquote>
  <p>npm install ngx-bootstrap --save</p>
  </blockquote>
  <p>I got this error:</p>
  <pre><code>npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! While resolving: ddm-ui@0.0.0
  npm ERR! Found: @angular/animations@14.0.1
  npm ERR! node_modules/@angular/animations
  npm ERR!   @angular/animations@&quot;^14.0.0&quot; from the root project
  npm ERR!
  npm ERR! Could not resolve dependency:
  npm ERR! peer @angular/animations@&quot;^13.0.0&quot; from ngx-bootstrap@8.0.0
  npm ERR! node_modules/ngx-bootstrap
  npm ERR!   ngx-bootstrap@&quot;*&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!
  </code></pre>
  <p>It was working in Angular-13</p>
  <p>How do I get this resolved?</p>