title: inject() must be called from injection context
body: <p>My project is on angular 13 and every component library i have installed dont work and the console reads inject() must be called from injection context.
  Here is a usecase of the swipper.js module in my app:</p>
  <pre><code>//balance.module.ts
  import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { BalanceComponent } from './balance.component';
  import { SwiperModule } from &quot;swiper/angular&quot;;
  
  @NgModule({
    declarations: [BalanceComponent],
    imports: [
      CommonModule,
      SwiperModule
    ],
    exports:[BalanceComponent]
  })
  export class BalanceModule { }
  
  </code></pre>
  <pre><code>&lt;swiper
  [slidesPerView]=&quot;3&quot;
  [spaceBetween]=&quot;50&quot;
  (swiper)=&quot;onSwiper($event)&quot;
  (slideChange)=&quot;onSlideChange()&quot;
  &gt;
  </code></pre>
  <pre><code>//balance.component.ts
  import { Component, OnInit, Input } from '@angular/core';
  import { CommonService } from 'src/app/common.service';
  @Component({
    selector: 'balance-box',
    templateUrl: './balance.component.html',
    styleUrls: ['./balance.component.scss'],
  })
  export class BalanceComponent implements OnInit {
    @Input() user;
    constructor(
      public $common:CommonService
    ) { }
  
    async ngOnInit() {
     
    }
  
  }
  </code></pre>
  <pre><code>//common.service.ts
  import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { ApiService } from './api.service';
  import { NgxSpinnerService } from 'ngx-spinner';
  import { Router } from '@angular/router';
  import { AlertController } from '@ionic/angular';
  import { FlutterwaveService } from './flutterwave.service';
  @Injectable({
    providedIn: 'root'
  })
  export class CommonService {
  
    constructor(
      public $http:HttpClient,
      public $api:ApiService,
      public $spinner:NgxSpinnerService,
      public $router:Router,
      public $flutterwave:FlutterwaveService,
      public $alert:AlertController
    ) { }
    public async user()
    {
     return this.$http.get(this.$api.base()+&quot;/client&quot;,{headers:await this.$api.authHeaders()});
    }
  
  }
  </code></pre>
  <p>And i get: inject() must be called from injection context.
  Is this an angular 13 bug, if so how can i fix it?</p>