将 D3.js 7.0.0 与 Next.js 11.0.1 一起使用时，如何解决“[ERR_REQUIRE_ESM]：必须使用导入加载 ES 模块”的问题？

Question

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

[ERR_REQUIRE_ESM]：必须使用import来加载ES模块

• 我试过next-transpile-modules没有运气
• 我有 D3.js v7.0.0 可以使用，create-react-app但我需要 D3 与 Next.js v11.0.1 一起使用

我使用npm i d3. 我用import * as d3 from "d3". 使用 Node v15.8.0 和 React v17.0.2

Answer 1

如果您只需要从 ES6+ 功能“导入”，只需添加'type': 'module'到您的package.json文件中。否则，请使用babel为您的应用程序启用所有 ES6+ 功能。