Внедрение зависимостей с помощью TypeScript

Question

У меня есть следующий конструктор в моем пользовательском веб-компоненте:

import { Component} from '@stencil/core';
import { CartService } from '../../services/cart-service';

@Component({
    tag: 'check-out',
    styleUrl: 'check-out.css'
})
export class CheckOut {

    private cartService: CartService;

    constructor(cartService: CartService) {
        this.cartService = cartService;
    }

    componentDidLoad() {
        this.initialize();
    }

    initialize() {
       ...
    }

    render() {
        return [...];
    }

}

Теперь проблема заключается в том, что всякий раз, когда я пытаюсь построить, я получаю следующую ошибку:

src / components/check-out/check-out.tsx:22:17 Классы, украшенные @Component, не могут иметь «конструктор», который принимает аргументы. Все данные, требуемые компонентом, должны быть переданы с использованием свойств класса, оформленных с помощью @Prop ()

 L22:      constructor(cartService: CartService) {
 L23:          this.cartService = cartService;

Мой вопрос заключается в том, как внедрить свой сервис в качестве зависимости в конструктор? Я использую stenciljs для сборки компонента.