javascript - 如何将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 中的 'http://techanjs.org/techan.min.js' -react-splitter-layout\src\components\CandlestickChart'

所以我去了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 中的 'http://techanjs.org/techan.min.js' -react-splitter-layout\src\components\CandlestickChart'

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

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

然后我得到错误：

./src/components/CandlestickChart/d3.v4.js 未找到模块：无法解析 'C:\Users\Greg\Projects\react-demos\my-react-splitter-layout\src 中的 './requirejs' \components\CandlestickChart'

所以我在网上找到了 requirejs 并做了和其他人一样的事情，并像这样向 d3.v4.js 添加了一个导入：

import requirejs from "./requirejs";

但仍然得到同样的错误。这有什么诀窍？

Answer 1

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

npm install d3

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

import * as d3 from "d3";

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