javascript - 将 D3.js 7.0.0 与 Next.js 11.0.1 一起使用时，如何解决 "[ERR_REQUIRE_ESM]: Must use import to load ES Module"？

Question

尝试将 D3 与 Next.js 一起使用时，在将 D3.js v7.0.0 与 Next.js v11.0.1 一起使用时，我无法克服此错误:

[ERR_REQUIRE_ESM]: Must use import to load ES Module

我试过next-transpile-modules没有运气

我得到了 D3.js v7.0.0 来使用 create-react-app但我需要 D3 使用 Next.js v11.0.1

我使用 npm i d3 安装了 D3.js .我正在使用 import * as d3 from "d3" 导入.使用 Node v15.8.0 和 React v17.0.2

Answer 1

如果您只需要从 ES6+ 功能“导入”，只需添加 'type': 'module'在您的包.json 文件。否则使用 通天塔为您的应用启用所有 ES6+ 功能。