如何将 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;博士;如何将 uploadcare Javascript API 导入到react.js 项目中?
感谢您的帮助。
最佳答案
不确定 uploadcare
是什么,但请尝试
import '../lib/uploadcare.min.js'
看起来您正在直接导入文件,这意味着您必须希望作者将文件导出为导出默认
,以便按照您显示的方式导入它。他们很可能只是将其固定在全局空间中。
如果没有,他们也可能导出了一个命名值,因此请尝试:
import { uploadcare } from '../lib/uploadcare.min.js';
关于javascript - 如何将 uploadcare 导入到react.js 项目中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36609955/