如何在组件内使用md5.js？ [英] How to use md5.js within a compontent?

问题描述

我刚刚开始使用Ember-CLI 0.0.36，并且无法使用 Ember.js主页上的Gravatar示例代码。

I just started working with Ember-CLI 0.0.36 and I'm stuck with the Gravatar example code from the Ember.js homepage.

我做到了

> bower install --save JavaScript-MD5
> ember generate component gravatar-image

Brocfile.js

[...]
app.import('vendor/JavaScript-MD5/js/md5.js');
[...]

应用程序/组件/gravatar-image.js

import Ember from 'ember';

export default Ember.Component.extend({
  size: 200,
  email: '',

  gravatarUrl: function() {
    var email = this.get('email'),
        size = this.get('size');

    return 'http://www.gravatar.com/avatar/' + md5(email) + '?s=' + size;
  }.property('email', 'size')
});

启动 ember服务器之后，我会得到以下错误消息：

After starting ember server I'll get the following error message:

xyz/components/gravatar-image.js: line 11, col 48, 'md5' is not defined.
1 error

如何告诉组件使用JavaScript-MD5？

How can I tell the component to use JavaScript-MD5?

推荐答案

JavaScript-MD5不会导出任何AMD模块，如果我认为正确的话。但它定义了 window.md5 。因此，您的 app.import 会将其包含在 vendor.js 中，您可以调用窗口。组件中的md5 。

JavaScript-MD5 does't export any AMD-Modules, if I see it right. But it defines window.md5. So your app.import will include it in vendor.js and you can call window.md5 in the component.

这篇关于如何在组件内使用md5.js？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！