2017-03-19 125 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