ESLint жалуется на GreenSock внутри Угловое приложение

Question

Я работаю над небольшим Угловым приложением, которое использует плагин Greengock Draggable. Все работает так, как ожидалось; однако я использую ESLint и жалуюсь, что TweenMax и Draggable не определены.

74:7 error "Draggable" is not defined            
133:7 error "TweenMax" is not defined 
133:78 error "Bounce" is not defined 

У меня есть функция, которая устанавливает перетаскиваемый элемент в моем контроллере и несколько анимации в контроллере, а также:

// Set up GreenSock Draggable dial 
function setUpDraggableElement(element) { 
    Draggable.create(element, { 
    type: 'rotation', 
    onPress: onDialTouch, 
    onRelease: onDialRelease, 
    onDrag: onRotateDial, 
    liveSnap: function(endValue) { 
     return Math.round(endValue/20) * 20; 
    } 
    }); 
} 

... 

TweenMax.to(angular.element('.selector'), 0.5, { scale: 1.1, ease: Bounce.easeOut}); 

Я новичок в угловой; мне нужно обернуть их в какую-то директиву или что-то еще?

Answer 1

Если ваше приложение работает должным образом, я считаю, что это просто проблема с ESLint.

GSAP определяет «Draggable», «TweenMax» и «Bounce» в одном файле (или каждый в своем собственном файле), и вы используете эти имена в другом файле. ESLint просматривает файлы отдельно, поэтому предупреждает, что имена не определены.

Что вам нужно сделать, это сообщить ESLint, что «Draggable», «TweenMax» и «Bounce» являются глобальными переменными (определенными вне файла). Что-то вроде этого:

/*global Draggable, TweenMax, Bounce*/ 

Answer 2

Вот полный список, просто добавьте его в конфиге ESList файл один и тот же путь (я предполагаю, что его точно так же, я в настоящее время с помощью JSHint).

https://greensock.com/forums/topic/13416-using-tweenmaxgsap-with-gulp/