Angular 2 Нет провайдера для службы загрузки

Я уже читал подобные вопросы по этому поводу в StackOverflow, но они, похоже, не работают для моей ситуации. Я нахожусь в самой последней версии Angular.

Компонент погрузчика

import {Component, ElementRef, OnInit, OnDestroy} from '@angular/core';
import {CORE_DIRECTIVES} from "@angular/common";
import {LoadingService} from "../../services/global/loadingService";

@Component({
    selector: 'loader',
    directives: [CORE_DIRECTIVES],
    providers: [LoadingService],
    template: '
    <div class ="blue"></div>
    ',
})

export class LoadingComponent {
  public active: boolean;

  public constructor(spinner: LoadingService) {
    spinner.status.subscribe((status: boolean) => {
      this.active = status;
    });
  }
}

Услуги погрузчика

import {Injectable} from '@angular/core';
import {Subject} from 'rxjs/Subject';
import 'rxjs/add/operator/share';

@Injectable()
export class LoadingService {
  public status: Subject<any> = new Subject();
  private _active: boolean = false;

  public get active(): boolean {
    return this._active;
  }

  public set active(v: boolean) {
    this._active = v;
    this.status.next(v);
  }

  public start(): void {
    this.active = true;
  }

  public stop(): void {
    this.active = false;
  }
}

Моя ошибка: Ошибка: Неподготовлено (в обещании): Нет провайдера для LoadingService!

Любая помощь будет принята с благодарностью. Спасибо!