2015-10-26 18 views
6

के माध्यम से रिमोट फाइलों को आयात करना मेरे पास एक ईएस 6 रिएक्ट ऐप है जिसे संकलित और ब्राउज़र के माध्यम से बंडल किया जा रहा है।ईएस 6 आयात

मैं जैसे कई आयात बयान है:

import React from 'react/addons' 

मैं भी एक बाहरी पुस्तकालय है कि एक HTML विजेट बनाता है, एक CDN पर होस्ट का उपयोग करने की जरूरत है।

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

जब मैं कोशिश करते हैं और कंसोल में CDN प्रदान की वस्तु का संदर्भ है, यह ठीक काम करता है:

Auth0Lock 
<-function Auth0Lock()... 

प्रतिक्रिया के भीतर यह संदर्भित मैंने पहले या बंडल स्रोत के बाद फ़ाइल सहित कोशिश की है ऐप एक वाक्यविन्यास त्रुटि उठाता है। मुझे लगता है कि मुझे import की आवश्यकता है ... लेकिन कैसे?

+0

की तरह आयात करते समय यह https का उपयोग करते हैं: // GitHub। com/auth0/लॉक लाइब्रेरी? –

+1

हाँ, यह एक –

+0

है कि आप इस पुस्तकालय को 'npm' के माध्यम से इंस्टॉल करने का प्रयास कर सकते हैं, जैसे 'npm install auth0-lock' और फिर इसे अपने ऐप पर आयात करें। 'auth0-lock' से Auth0Lock आयात करें; ' –

उत्तर

4

आप NPM के माध्यम से auth0-lock स्थापित कर सकते हैं, और एक स्थानीय निर्भरता

npm install auth0-lock --save 

के रूप में उपयोग और फिर अपने ऐप के लिए यह इस

import Auth0Lock from 'auth0-lock'; 
+1

यह सहायक था, धन्यवाद! – punov

संबंधित मुद्दे