2017-03-19 126 views
2

我试图导入到我的反应的应用程序。 伊夫plotly安装有:导入第三方库es6

npm install plotly --save 

伊夫然后试图导入这些不同的方式:

import * as Plotly from 'plotly' 
import Ploty from 'plotly' 
var Plotly = require('plotly') 

然后我试图使用plotly这样的:

Plotly.newPlot('myDiv', data) 

但每次进口给我这个错误:

Uncaught TypeError: Plotly.newPlot is not a function 

我真的迷路了,找不到正确的方式导入情节或任何其他第三方库。我遵循的每篇指南和文章都说我应该像Ive已经尝试的那样导入。

+0

我想你是缺少用户名和API密钥。根据npm网页 - https://www.npmjs.com/package/plotly,必须提供相同的内容。 var plotly = require('plotly')(用户名,apiKey)。也没有api作为'newPlot'确实存在。您可能想要使用'plotly.plot' –

+0

不需要'需要捆绑器或打包器? ES6的输入语法使用'plotly'输入;' – evolutionxbox

+0

对不起,我发现我试着用错了。正如文森特所说,我需要plotly.js而不是情节化。这就是为什么我错过了API密钥和用户名,因为我没有尝试使用他们的API,我试图使用他们的库。 – Eldin

回答

4

根据他们的Gitub页面,您需要安装plotly.js而不是喋喋不休。 npm install plotly.js。确保有一个模块加载器正确配置后才能加载它。那么你将能够做import Potly from 'plotly.js';

+1

你是一个拯救生命的人!我因为错过了这个东西而觉得很愚蠢。我曾经与剧情cdn一起工作,我只是无法弄清楚如何使用npm工作。 – Eldin