导入第三方库es6

Question

我正在尝试将情节导入到我的反应应用程序中。 我已经安装了：

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

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

Answer 1

根据他们的Gitub页面，您需要安装plotly.js而不是potly。

npm install plotly.js

。确保正确配置模块加载器来加载它。然后你就可以做

import Potly from 'plotly.js';

Answer 2

从 Plotly.js 1.47.4 开始，您可以执行以下操作：

import Plotly from 'plotly.js-dist'

如果你想将它用作 ES6 模块。