Property does not exist on type 'JQuery<HTMLElement>'

Создаю плагин для jQuery:

import View from "../ts/view";
import Model from "../ts/model";
import Controller from "../ts/controller";
(function($) {
  $.fn.fsdRangeSlider = function(cfg: { // Ошибка здесь
    minValue: number;
    maxValue: number;
    direction?: string;
    label?: boolean;
    interval?: boolean;
    step?: number;
  }) {
    const view = new View({ parent: this[0] });
    const model = new Model({
      minValue: cfg.minValue,
      maxValue: cfg.maxValue,
      direction: cfg.direction,
      label: cfg.label,
      interval: cfg.interval,
      step: cfg.step
    });
    const controller = new Controller(model, view);
    controller.init();
    return this;
  };
})(jQuery);

При компиляции typescript выдаёт ошибку:

Property 'fsdRangeSlider' does not exist on type 'JQuery<HTMLElement>

У меня есть два файла:

- fsdRangeSlider.ts - его код выше
- fsdRangeSlider.d.ts - его код следующий: 

interface JQuery {
    fsdRangeSlider: JQuery;
}

То есть, проблема в том, что у меня не получается внести свойство моего плагина (fsdRangeSlider) в интерфейс JQuery, из-за чего программа не может даже скомпилироваться. Как решить данную проблему?