Angular2 no provider for service error

From Angular2 access global service without including it in every constructor I have grabbed the code and slightly modified it into:

@Injectable()
export class ApiService {
  constructor(public http: Http) {}

  get(url: string) {
    return http.get(url);
  }

}

@Injectable()
export abstract class BaseService {
  constructor(protected serv: ApiService) {}  
}

@Injectable()
export class MediaService extends BaseService {

  // Why do we need this?
  constructor(s: ApiService) {
    super(s)
  }

  makeCall() {
    this.serv.get("http://www.example.com/get_data")
  }

}

However, when I try to run this code I get an error in the console:

NoProviderError {message: "No provider for ApiService! (App -> MediaService -> ApiService)", stack: "Error: DI Exception↵

I have created a Plunkr with the code at https://plnkr.co/edit/We2k9PDsYMVQWguMhhGl

Does anyone know what causes this error?