-2
PIXI.Point.prototype.Multiply = function (value: number) {
    this.x *= value;
    this.y *= value;
    return this;
};

const test = new PIXI.Point(1, 1);
console.log(test.Multiply(2));

Typescript ругается:

TS2339: Property 'Multiply' does not exist on type 'Point'.

Пробовал по другому тоже самое: введите сюда описание изображения

5
  • надо идти туда где описан Point
    – Grundy
    9 окт 2018 в 20:42
  • либо забить на типы и привести все к any
    – Grundy
    9 окт 2018 в 20:48
  • не забить на типы не вариант, нужно как то правильно описать интерфейс 9 окт 2018 в 21:10
  • @Grundy этот вариант как то работает stackoverflow.com/questions/16813118/… но как я не крутил у меня не выходит повторить с PIXI.Point 9 окт 2018 в 21:12
  • Пробовал по другому тоже самое: - код должен быть кодом, а не картинкой.
    – Grundy
    10 окт 2018 в 5:57

1 ответ 1

1

То, что вы пытаетесь сделать называется augmentation (расширение) и для классов это не поддерживается (и не будет поддерживаться). На эту тему было открыто большое количество issues еще с 1.x версий TypeScript, команда Microsoft отказалась интегрировать в компилятор возможность class augmentation, объяснив это тем, что мы не должны мутировать существующий прототип, а расширить его, наследуясь от него, поэтому функция parseAmbientExternalModuleDeclaration из компилятора позволяет расширять только интерфейсы. Это проблема тех библиотек, которые вместо интерфейсов используют классы.

Используя any вы теряете возможность статического анализа, но вариант, который вы привели на скриншоте является правильным:

class Point extends PIXI.Point { ... }

const test = new PIXI.Point(1, 2);

Только тут непонятно зачем вы создаете инстанс класса Point из пространства имен PIXI, используйте свой класс:

class Point extends PIXI.Point {
    public multiply() ....
}

const test = new Point();
console.log(test.multiply());

UPD:

Если вам все же чревато делать то, что вы пытаетесь сделать - мутировать прототип и тд, то можем прибегнуть к такому грязному хаку. Создаем папку fixed_declarations куда копируем index.d.ts из node_modules/@types/pixi.js. В этом же файле добавляем метод классу:

class Point extends PointLike {
    constructor(x?: number, y?: number);
    clone(): Point;
    equals(p: PointLike): boolean;
    multiply?(value: number): number;
}

После всего ставим пакеты cpy и cpy-cli:

yarn add -D cpy cpy-cli

В package.json в секцию scripts добавляем новые задачи:

"scripts": {
    "cpy": "cpy",
    "fix:pixi": "cpy ./fixed_declarations/index.d.ts ./node_modules/@types/pixi.js --rename=index.d.ts"
}

У вас должны быть задачи для билдов, вы просто выполняете эту задачу перед билдами "build": "yarn fix:pixi && webpack -p" (как пример).

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.