Nextjs transpilation error.

[chiddekel]

How to avoid build error on nextjs?
Error [ERR_REQUIRE_ESM]: require() of ES Module
(...) node_modules/d3-array/src/index.js from
(...) node_modules/d3fc/build/d3fc.js not supported. Instead change the require of index.js in
(...) node_modules/d3fc/build/d3fc.js to a dynamic import() which is available in all CommonJS modules.

[ColinEberhardt]

Hi @chiddekel you're going to have to add a bit more detail here, can you outline the steps to reproduce?

[chiddekel]

This error message is when start build nextjs app with d3fc.
To reproduce this error in nextjs Import d3fc and start build with nextjs app - npm run build.

[izorg]

@chiddekel use Module Transpilation functionality of Next.js 13 https://nextjs.org/docs/advanced-features/compiler#module-transpilation. In next.config.js for example add

{
  ...
  transpilePackages: ["@d3fc/d3fc-label-layout"],
  ...
}

[FourLeafTec]

Same problem for me.

Error Example

And I have try add type: "module" in package.json, transpilePackages in next.config.js, module:'esnext' in tsconfig.json. All of them not work.