Meteor 1.3のReactコンポーネントへのAuth0ロックのインポート

Question

新しいMeteor 1.3プロジェクトを設定していて、Auth0の統合に問題があります。私はチュートリアルhereに従っていますが、もっと複雑にするために、私はES2015モジュールとReactを使用していますので、私は翻訳しています。 meteor add auth0:lockチュートリアルを実行した後

は、私は、クライアント上で次のJSの実行をしなければならないと言う：

Template.Auth0Login.events({ 
    'click button.login'(event, instance) { 
    lock.show(); 
    }, 
} 

だから私のapp/imports/ui/components/Navbar.jsxファイルは次のようになります。

1| import React, {Component} from 'react'; 
2| 
3| export default class Navbar extends Component { 
4| render() { 
5|  return (
6|  <button class='signin' onClick={lock.show()}>Sign In</button> 
7|  ) 
8| } 
9| } 

レンダリングされたページが空白である、と次のコンソールエラー：

Uncaught TypeError: Cannot read property 'show' of undefined 

onClick={lock.show()}を削除すると、ボタンが表示されます。それは意味をなさない - どのように "ロック"がそれをインポートせずにあるかを知ることができますか？だから私はAuth0 React tutorialのインポート行を見つけ、それを落とし、次のコンソールエラーの原因となっ

1| import React, {Component} from 'react'; 
2| import Auth0Lock from 'auth0-lock'; 
3| 
4| export default class Navbar extends Component { 
5| ... 

：

Uncaught Error: Cannot find module 'auth0-lock' 

私はauth0:lockエン代わり流星パッケージのにインポートされたモジュールの名前を変更しようとしました、無駄に。

ロックを特定のReactコンポーネントにインポートしてこれらの関数を使用する方法を知っている人はいますか？それとも別の方法がありますか？

ありがとうございました！

Answer 1

あなたはこれを見たことがありますか：https://auth0.com/docs/libraries/lock？

// Initialize Auth0Lock with your `clientID` and `domain` 
    var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');