如何将javascript库集成到react中？

Question

我有两个javascript库，我需要它们集成到我的React应用程序中。首先我尝试了这个：

import d3 from "https://d3js.org/d3.v4.min.js"
import techan from "http://techanjs.org/techan.min.js"

所产生的错误：

找不到./src/components/CandlestickChart/CandlestickChart.jsx模块:无法解析'C:\Users\Greg\Projects\react-demos\my-react-splitter-layout\src\components\CandlestickChart‘中的“http://techanjs.org/techan.min.js”

因此，我转到http://teckanjs.org/techan.min.js，复制代码，通过一个美化器运行它，并将它保存到与CandlestickChart.jsx位于同一个文件夹中的techan.js中。我将导入更改为

import techan from "./techan.js"

然后我得到了类似的错误：

找不到./src/components/CandlestickChart/CandlestickChart.jsx模块:无法解析'C:\Users\Greg\Projects\react-demos\my-react-splitter-layout\src\components\CandlestickChart‘中的“http://techanjs.org/techan.min.js”

因此，我和另一个做了同样的事情，并将导入更改为：

import d3 from "./d3.v4.js"

然后我发现了错误：

未找到'C:\Users\Greg\Projects\react-demos\my-react-splitter-layout\src\components\CandlestickChart‘中的./src/

//d3.v4.js模块:无法解析“./”

因此，我在网上找到了requirejs，并做了与其他人相同的事情，并向d3.v4.js添加了一个导入，如下所示：

import requirejs from "./requirejs";

但还是会犯同样的错误。这有什么诀窍？

Answer 1

将其作为本地包安装。运行以下命令：

npm install d3

然后您就可以在您的JavaScript中导入它：

import * as d3 from "d3";

注意"d3"，而不是"./d3" --缺少./表明您希望从模块包中安装，而不是从同一个目录中的文件安装。