ESLint 在 Angular 应用程序中抱怨 GreenSock

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" 是全局变量（在文件外部定义）。像这样：

/*global Draggable, TweenMax, Bounce*/

Answer 2

Here is the full list, just add it to the ESList config file the same way (I assume its the same way, I'm currently using JSHint).

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

ESLint 在 Angular 应用程序中抱怨 GreenSock

ESLint complaining about GreenSock inside Angular app

javascript

angularjs

eslint

gsap