error bundle axios,superagent Uncaught Error: Dynamic require of "util" is not supported

[ajiehatajie]

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)

"build": "tsup src/index.ts --format esm,cjs --dts --external react axios ",
"dev": "tsup src/index.ts --format esm,cjs --watch --dts --external react axios",

[lvqq]

esbuildOptions: (options) => {
  options.banner = {
    js: "import { createRequire } from 'module';const require = createRequire(import.meta.url);",
  }
}

Maybe the above esbuildOption in tsup.config.ts can help it

[ajiehatajie]

import { createRequire } from 'module';const require = createRequire(import.meta.url)

[ERROR] Expected "}" but found "file"

tsup.config.ts:3:79:
  3 │ ...om 'module';const require = createRequire("file:///Users/legit-group/Documents/Works/Legi...
    │                                               ~~~~
    ╵

[lvqq]

It's an related issue with evanw/esbuild#1921, you can try the mentioned solution.

[mahaoming]

I also have the same problem. Have you fixed it

[mahaoming]

[mahaoming]

export default defineConfig((options: Options) => ({
  entry: ['src/index.ts'],
  dts: true,
  clean: true,
  format: ['esm'],
  esbuildOptions: (options) => {
    options.banner = {
      js: `import { createRequire } from 'module'; const require = createRequire(import.meta.url);`,
    }
  },
  ...options,
}))

this is my tsup.config

[mahaoming]

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)

"build": "tsup src/index.ts --format esm,cjs --dts --external react axios ", "dev": "tsup src/index.ts --format esm,cjs --watch --dts --external react axios",

Did you solve it

[lvqq]

tsup has an bug with banner, refer: #719, just try other solution

[egoist]

you need --external react --external axios to externalize both modules instead of --external react axios

[mahaoming]

you need --external react --external axios to externalize both modules instead of --external react axios

had add external, but it not work for me

[mahaoming]

you need --external react --external axios to externalize both modules instead of --external react axios

[amosmachora]

I don't think there is a clear answer. Still running into the same problem.

i use tsup in my ci/cd pipeline

"build": "tsup index.ts --format cjs,esm --dts --external axios",

I don't have a tsup.config file. Should i add one and if so what should i add to get rid of the error.
Error: Dynamic require of "axios" is not supported

[amosmachora]

you need --external react --external axios to externalize both modules instead of --external react axios

This doesn't seem to work