title: Adding @angular/fire to angular 12
body: <p>I am trying to add @angular/fire to my Angular 12 project so I can deploy it on Firebase.
  I used the cli to add @angular/fire
  I run:</p>
  <pre><code>ng add @angular/fire
  </code></pre>
  <p>Here is the output I get:</p>
  <pre><code>ℹ Using package manager: npm
  ✔ Found compatible package version: @angular/fire@0.0.0.
  ✔ Package information loaded.
   
  The package @angular/fire@0.0.0 will be installed and executed.
  Would you like to proceed? Yes
  ✔ Package successfully installed.
  The package that you are trying to add does not support schematics. You can try using a different version of the package or contact the package author to add ng-add support.
  </code></pre>
  <p>I tried using npm to install the dependency:</p>
  <pre><code>npm i @angular/fire
  </code></pre>
  <p>Heres is the Output:</p>
  <pre><code>npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/animations@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/common@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/compiler@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/compiler-cli@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/core@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/forms@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/platform-browser@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/platform-browser-dynamic@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  npm WARN EBADENGINE Unsupported engine {
  npm WARN EBADENGINE   package: '@angular/router@12.0.0',
  npm WARN EBADENGINE   required: { node: '^12.14.1 || ^14.0.0' },
  npm WARN EBADENGINE   current: { node: 'v16.1.0', npm: '7.13.0' }
  npm WARN EBADENGINE }
  
  up to date, audited 1388 packages in 6s
  
  3 moderate severity vulnerabilities
  
  To address all issues (including breaking changes), run:
    npm audit fix --force
  
  Run `npm audit` for details.
  
  </code></pre>
  <p>Here is my package.json:</p>
  <pre><code>{
    &quot;name&quot;: &quot;ng-jumbo-fire&quot;,
    &quot;version&quot;: &quot;0.0.0&quot;,
    &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;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@angular/animations&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/cdk&quot;: &quot;^11.2.12&quot;,
      &quot;@angular/common&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/compiler&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/core&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/fire&quot;: &quot;^0.0.0&quot;,
      &quot;@angular/forms&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/material&quot;: &quot;^11.2.12&quot;,
      &quot;@angular/platform-browser&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;~12.0.0&quot;,
      &quot;@angular/router&quot;: &quot;~12.0.0&quot;,
      &quot;rxjs&quot;: &quot;~6.6.0&quot;,
      &quot;tslib&quot;: &quot;^2.0.0&quot;,
      &quot;zone.js&quot;: &quot;~0.11.4&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;^0.1102.13&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;~12.0.0&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;~6.3.2&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.2.4&quot;
    }
  }
  
  </code></pre>
  <p>How do I get it installed. I notice that @angular/fire is at version 0.0.0. The folder .node_modules/@angular/fire is empty.
  I'll appreciate any help.</p>