Uncaught Error: Dynamic require of "util" is not supported

[nareshbhatia]

I was using axios 0.27.2 successfully in a React app (built using Vite). Then I decided to extract some reusable axios code into a separate library. Now I get the following error in Chrome Devtools when I run the same app:

Uncaught Error: Dynamic require of "util" is not supported
    at index.mjs:12:9
    at ../../node_modules/combined-stream/lib/combined_stream.js (index.mjs:2776:16)
    at __require2 (index.mjs:15:17)
    at ../../node_modules/axios/node_modules/form-data/lib/form_data.js (index.mjs:11791:26)
    at __require2 (index.mjs:15:17)
    at ../../node_modules/axios/lib/defaults/env/FormData.js (index.mjs:12104:22)
    at __require2 (index.mjs:15:17)
    at ../../node_modules/axios/lib/defaults/index.js (index.mjs:12200:19)
    at __require2 (index.mjs:15:17)
    at ../../node_modules/axios/lib/core/transformData.js (index.mjs:12226:20)

Any idea what went wrong? Could it be how I am bundling the library? I am using the tsup bundler.

[nareshbhatia]

Solved. This was caused by dependencies not being set correctly (this library was being reached through an intermediate dependency which had an issue.)

[josuevalrob]

What does it means that is fixed?

Uncaught Error: Dynamic require of "util" is not supported
    at dog-admin.js:13:11
    at pnp:/Users/josuevalencia/dog/the-dog/ui/.yarn/cache/combined-stream-npm-1.0.8-dc14d4a63a-49fa4aeb49.zip/node_modules/combined-stream/lib/combined_stream.js (combined_stream.js:1:12)
    at __require2 (dog-admin.js:19:52)
    at pnp:/Users/josuevalencia/dog/the-dog/ui/.yarn/cache/form-data-npm-4.0.0-916facec2d-01135bf867.zip/node_modules/form-data/lib/form_data.js (form_data.js:1:22)
    at __require2 (dog-admin.js:19:52)
    at pnp:/Users/josuevalencia/dog/the-dog/ui/.yarn/cache/axios-npm-0.27.2-dbe3a48aea-38cb754046.zip/node_modules/axios/lib/defaults/env/FormData.js (FormData.js:2:18)
    at __require2 (dog-admin.js:19:52)
    at pnp:/Users/josuevalencia/dog/the-dog/ui/.yarn/cache/axios-npm-0.27.2-dbe3a48aea-38cb754046.zip/node_modules/axios/lib/defaults/index.js (index.js:124:15)
    at __require2 (dog-admin.js:19:52)
    at pnp:/Users/josuevalencia/dog/the-dog/ui/.yarn/cache/axios-npm-0.27.2-dbe3a48aea-38cb754046.zip/node_modules/axios/lib/core/transformData.js (transformData.js:4:16)

[ralyodio]

so how do i fix?

[josuevalrob]

no solution so far.
im still working on it

[ajiehatajie]

same issue with me

[josuevalrob]

any update?

[josuevalrob]

is fixed with:

import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill';
const DEFAULT_ESBUILD_OPTIONS = {
    bundle: true,
    plugins: [NodeModulesPolyfillPlugin(), pnpPlugin()],
    sourcemap: 'linked',
};

and on the .yarnrc.yml

  "axios@*":
    dependencies:
      debug: "*"
      "supports-color": "*"