javascript - 如何使用 ember-cli 安装 fastclick？

Question

我有一个 ember-cli 项目。我已经使用 bower 安装 fastclick 并将其添加到我的 brocfile。

现在我正在尝试初始化它。在我的 app.js 文件中，我添加了:

import FastClick from 'bower_components/fastclick/lib/fastclick';

但这在控制台中给我一个错误:“未捕获的类型错误:无法读取未定义的属性‘默认’”。检查器显示以下生成的代码:

["ember","ember/resolver","ember/load-initializers","bower_components/fastclick/lib/fastclick","exports"],
function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __exports__) {
"use strict";
 var Ember = __dependency1__["default"];
 var Resolver = __dependency2__["default"];
 var loadInitializers = __dependency3__["default"];
 var FastClick = __dependency4__["default"];      # chrome highlights this line

我认为问题是 fastclick 与 ember-cli 使用的 ES6 加载器不兼容。我没有 requirejs，那么如何将 fastclick 安装到我的项目中呢？文档位于 https://github.com/ftlabs/fastclick .

我也试过将它添加到 index.html，但是当我构建 iOS 应用程序时它没有任何效果:

  $(function() {
    FastClick.attach(document.body);
  });

Answer 1

使用 Ember-cli v0.0.42

使用 bower 安装 fastclick

bower install fastclick --save

在您的 Brocfile.js 中，在 module.exports = app.toTree();

上方添加以下内容

app.import('bower_components/fastclick/lib/fastclick.js');

然后在你的app.js中你可以添加

var App = Ember.Application.extend({
  ...
  ready: function(){
    FastClick.attach(document.body);
  }
});

您还需要将 "FastClick":true 添加到您的 .jshintrc 文件的预定义中，以防止它提示。有关 Managing Dependencies 的文档中的更多信息.