2015-10-26 11 views
6

私はES6 Reactアプリケーションをコンパイルし、browserifyでバンドルしています。ES6経由でリモートファイルをインポートする

ように私は、いくつかのimport文を持っている:私はまた、CDN上でホストされているHTMLウィジェットを作成し、外部ライブラリを使用する必要が

import React from 'react/addons' 

。リアクト以内にそれを参照

Auth0Lock 
<-function Auth0Lock()... 

<script src="//cdn.auth0.com/js/lock-7.9.min.js"></script> 
<script type="text/javascript" src="scripts/build.js"></script> 

私がしようとすると、コンソールにCDN提供されたオブジェクトを参照し、それが正常に動作します:私は、バンドルソースの前または後のファイルを含めて試してみましたアプリで構文エラーが発生します。私はimportにする必要があると思う...しかし、どのように? // githubの:

+0

のようなあなたのアプリにインポートすることができます。 com/auth0 /ロックライブラリ? –

+1

これでいいですか –

+0

このライブラリを 'npm install auth0-lock'のように' npm'でインストールして、あなたのアプリにインポートすることができます。 'auth0Lockを 'auth0-lock'からインポートする; ' –

答えて

4

あなたはこのHTTPSを使用していますNPM経由auth0-lockをインストールし、ローカルの依存関係として

npm install auth0-lock --save 

を、それを使用して、この

import Auth0Lock from 'auth0-lock'; 
+1

おかげさまで、ありがとう! – punov

関連する問題