Question

我正在使用一个使用GreenSock的Draggable插件的小型Angular应用程序。一切都按预期工作;但是，我使用的是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});

我是Angular的新手;我需要将它们包含在某种指令中吗？

Answer 1

如果您的应用程序按预期工作，我相信这只是ESLint的一个问题。

GSAP在一个文件（或每个文件中）中定义“Draggable”，“TweenMax”和“Bounce”，并且您在不同的文件中使用这些名称。 ESLint单独查看文件，因此警告名称尚未定义。

您需要做的是通知ESLint“Draggable”，“TweenMax”和“Bounce”是全局变量（在文件之外定义）。像这样：

Do Until Now > [time]
    [code]
    System.Threading.Thread.Sleep([delay in milliseconds])
Loop

Answer 2

这是完整列表，只需将其添加到ESList配置文件中即可方式（我假设它的方式相同，我目前正在使用JSHint）。

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

ESLint在Angular app中抱怨GreenSock

2 个答案: