如何将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';

09-16 16:37