如何将uploadcare导入react.js项目?
我的导入部分如下所示
// main imports
import React from 'react';
import {render} from 'react-dom';
import { Router, Route, hashHistory } from 'react-router'
import jQuery from '../scripts/jquery-1.8.3.min.js'
import uploadcare from '../lib/uploadcare.min.js'
然后,我想像这样使用uploadcare(通过javascript API):
onAddPhotosClick: function() {
console.log("++ add photos");
uploadcare.openDialog(null, {
publicKey: "xxxxxxxxxxxx",
imagesOnly: true,
tabs: "file url facebook gdrive dropbox instagram evernote flickr skydrive"
});
},
我的代码到达openDialog行,然后引发此错误:
:8081/static/react_build/bundle.js:86 Uncaught TypeError: _uploadcareMin2.default.openDialog is not a function
之前,在页面加载期间,我的控制台记录:
Global public key not set. Uploads may not work!
Add this to the <head> tag to set your key:
<script>
UPLOADCARE_PUBLIC_KEY = 'your_public_key';
</script>
:8081/static/react_build/bundle.js:85 ++ add photos
我上面收到这个棕色警告消息的事实(我可以接受,因为我希望设置
直接通过javascript API的公钥)使我认为uploadcare.js文件具有
已被正确包含,但是uploadCareMin2错误使我认为我没有完全正确地导入它。
TL; DR;如何将uploadcare Javascript API导入react.js项目中?
感谢您的任何帮助。
最佳答案
不确定uploadcare
是什么,但是尝试
import '../lib/uploadcare.min.js'
看来您是直接导入文件,这意味着您必须希望作者将文件导出为
export default
才能按照显示的方式导入。他们可能只是将其坚持在全球范围内。如果没有,也有可能他们导出了命名值,因此请尝试:
import { uploadcare } from '../lib/uploadcare.min.js';