使用 css 动画时未定义 Ember CLi SC

Question

我在使用 SoundCloud API 的 ember 应用程序中有一个音乐组件，我最近添加了一个带有 Font-awesome 的 css 动画。见codepen

这是我的标记

<div class="gears">
    <i class="fa fa-cog fa-spin fa-fw small"></i>
    <i class="fa fa-cog fa-counter fa-fw big"></i>
</div>

在那之后，我的音乐组件在 chrome 中停止工作，并且 JS 提示给了我一个“SC”，这里没有定义

    return SC.stream(favoritePath, {
        whileplaying: function() {
            return self.set('currentFavoritePosition', this.position);
        },
        onbufferchange: function() {
            return self.set('isBuffering', this.isBuffering);
        },
        onfinish: function() {
            self.set('isPlaying', false);
            if (self.get('nextFavorite') != null) {
                return self.send('selectFavorite', self.get('nextFavorite'), index);
            }
            self.set('favorite.artwork_url', nextFavorite.artwork_url);
        }

在 Safari 和 Firefox 中没有问题，音乐组件正常工作。

我读到有一个关于通过 JSHint 识别这种全局对象的麻烦的问题，但我不知道是否与我的案例有关，以及为什么在此动画之后发生这种情况并且仅在 Chrome 中发生

Answer 1

就像您提到的那样，JSHint 抱怨您指的是 SC 全局变量，但 JSHint 不知道它是在哪里定义的。请参阅http://guides.emberjs.com/v2.1.0/addons-and-dependencies/managing-dependencies/#toc_globals-provided-by-javascript-assets 了解如何解决该问题。

奇怪的是，它在 Chrome 上具体不起作用，你清除缓存了吗？