[🐛 Bug]: Error: Importing "@vercel/next": require() of ES Module #689

willin · 2024-03-04T14:50:45Z

next-on-pages environment related information

System:
        Platform: darwin
        Arch: arm64
        Version: Darwin Kernel Version 23.4.0: Fri Jan 12 22:40:34 PST 2024; root:xnu-10063.100.610.0.2~19/RELEASE_ARM64_T6000
        CPU: (10) arm64 Apple M1 Max
        Memory: 32 GB
        Shell: /bin/zsh
Package Manager Used: npm (9.8.0)

Relevant Packages:
        @cloudflare/next-on-pages: 1.9.0
        vercel: 33.5.3
        next: 14.1.0

Description

success on local development but errored on cloudflare pages deployment.

Local Logs

NODE_ENV=production bun run pages:build
$ bunx @cloudflare/next-on-pages
⚡️ @cloudflare/next-on-pages CLI v.1.9.0
⚡️ Detected Package Manager: bun (1.0.29)
⚡️ Preparing project...
⚡️ Project is ready
⚡️ Building project...
▲  Vercel CLI 33.5.3
▲  Detected `bun.lockb` generated by Bun
▲  Warning: Bun is used as a package manager at build time only, not at runtime with Functions
▲  WARNING: You should not upload the `.next` directory.
▲  Installing dependencies...
▲  bun install v1.0.29 (a146856d)
▲  
▲  Checked 627 installs across 659 packages (no changes) [61.00ms]
▲  Detected Next.js version: 14.1.0
▲  Running "bun run build"
▲  $ next build
▲  Proxy environment variables detected. We'll use your proxy for fetch requests.
▲  ▲ Next.js 14.1.0
▲  
▲  Creating an optimized production build ...
▲  Proxy environment variables detected. We'll use your proxy for fetch requests.
▲  Proxy environment variables detected. We'll use your proxy for fetch requests.
▲  Proxy environment variables detected. We'll use your proxy for fetch requests.
▲  ✓ Compiled successfully
▲  Linting and checking validity of types ...
▲  Collecting page data ...
▲  ⚠ Using edge runtime on a page currently disables static generation for that page
▲  Generating static pages (0/4) ...
▲  Generating static pages (1/4)
▲  Generating static pages (2/4)
▲  Generating static pages (3/4)
▲  ✓ Generating static pages (4/4)
▲  Finalizing page optimization ...
▲  Collecting build traces ...
▲  
▲  Route (app)                              Size     First Load JS
▲  ┌ ○ /                                    5.13 kB        89.3 kB
▲  ├ ℇ /_not-found                          0 B                0 B
▲  ├ ℇ /api/cancel                          0 B                0 B
▲  ├ ℇ /api/create                          0 B                0 B
▲  ├ ℇ /api/success                         0 B                0 B
▲  └ ℇ /api/webhook                         0 B                0 B
▲  + First Load JS shared by all            84.2 kB
▲  ├ chunks/726-f264f99eb28773de.js       28.9 kB
▲  ├ chunks/fd9d1056-cc48c28d170fddc2.js  53.4 kB
▲  └ other shared chunks (total)          1.89 kB
▲  ○  (Static)        prerendered as static content
▲  ℇ  (Edge Runtime)  server-rendered on demand using the Edge Runtime
▲  Traced Next.js server files in: 276.493ms
▲  Created all serverless functions in: 480.304ms
▲  Collected static files (public/, static/, .next/static): 2.312ms
▲  Build Completed in .vercel/output [10s]
⚡️ Completed `bunx vercel build`.

⚡️ Build Summary (@cloudflare/next-on-pages v1.9.0)
⚡️ 
⚡️ Edge Function Routes (5)
⚡️   ┌ /_not-found
⚡️   ├ /api/cancel
⚡️   ├ /api/create
⚡️   ├ /api/success
⚡️   └ /api/webhook
⚡️ 
⚡️ Prerendered Routes (3)
⚡️   ┌ /
⚡️   ├ /favicon.ico
⚡️   └ /index.rsc
⚡️ 
⚡️ Other Static Assets (29)
⚡️   ┌ /_app.rsc.json
⚡️   ├ /_document.rsc.json
⚡️   ├ /_error.rsc.json
⚡️   ├ /500.html
⚡️   └ ... 25 more

⚡️ Build log saved to '.vercel/output/static/_worker.js/nop-build-log.json'
⚡️ Generated '.vercel/output/static/_worker.js/index.js'.
⚡️ Build completed in 0.36s

Remote Logs

2024-03-04T14:41:22.743542Z	Cloning repository...
2024-03-04T14:41:23.552961Z	From https://github.com/willin/nextjs-stripe-cloudflare
2024-03-04T14:41:23.553505Z	 * branch            cfd993b55d687d68b438de8c33f5b77c0c85ca33 -> FETCH_HEAD
2024-03-04T14:41:23.553654Z	
2024-03-04T14:41:23.590387Z	HEAD is now at cfd993b feat: :sparkles: Alipay
2024-03-04T14:41:23.590864Z	
2024-03-04T14:41:23.68788Z	
2024-03-04T14:41:23.688667Z	Using v2 root directory strategy
2024-03-04T14:41:23.717563Z	Success: Finished cloning repository files
2024-03-04T14:41:25.509946Z	Detected the following tools from environment: bun@latest, [email protected]
2024-03-04T14:41:25.510629Z	Installing bun latest
2024-03-04T14:41:25.936634Z	Downloading Bun v1.0.30...
2024-03-04T14:41:27.03592Z	Archive:  /tmp/asdf-bun.UqBE/bun.zip
2024-03-04T14:41:27.827729Z	  inflating: /opt/buildhome/.asdf/downloads/bun/1.0.30/bun  
2024-03-04T14:41:27.894885Z	Installing Bun v1.0.30...
2024-03-04T14:41:28.006721Z	Bun v1.0.30 is installed successfully!
2024-03-04T14:41:28.656918Z	Installing project dependencies: bun install --frozen-lockfile
2024-03-04T14:41:28.913411Z	bun install v1.0.30 (1424a196)
2024-03-04T14:41:35.911347Z	
2024-03-04T14:41:35.912083Z	 + @cloudflare/[email protected]
2024-03-04T14:41:35.912327Z	 + @cloudflare/[email protected]
2024-03-04T14:41:35.912476Z	 + @types/[email protected]
2024-03-04T14:41:35.912616Z	 + @types/[email protected]
2024-03-04T14:41:35.912756Z	 + @types/[email protected]
2024-03-04T14:41:35.912874Z	 + [email protected]
2024-03-04T14:41:35.913023Z	 + [email protected]
2024-03-04T14:41:35.913151Z	 + [email protected]
2024-03-04T14:41:35.913396Z	 + [email protected]
2024-03-04T14:41:35.91365Z	 + [email protected]
2024-03-04T14:41:35.913805Z	 + [email protected]
2024-03-04T14:41:35.913944Z	 + [email protected]
2024-03-04T14:41:35.91408Z	 + [email protected]
2024-03-04T14:41:35.914224Z	 + [email protected]
2024-03-04T14:41:35.91436Z	 + [email protected]
2024-03-04T14:41:35.914524Z	 + [email protected]
2024-03-04T14:41:35.914687Z	 + [email protected]
2024-03-04T14:41:35.914837Z	 + [email protected]
2024-03-04T14:41:35.914974Z	
2024-03-04T14:41:35.915099Z	warn: esbuild's postinstall script took 1.4s
2024-03-04T14:41:35.915232Z	
2024-03-04T14:41:35.915398Z	 584 packages installed [7.01s]
2024-03-04T14:41:35.936531Z	Executing user command: bun run pages:build
2024-03-04T14:41:36.220517Z	$ bunx @cloudflare/next-on-pages
2024-03-04T14:41:36.638867Z	⚡️ @cloudflare/next-on-pages CLI v.1.9.0
2024-03-04T14:41:36.663998Z	⚡️ Detected Package Manager: bun (1.0.30)
2024-03-04T14:41:36.664259Z	⚡️ Preparing project...
2024-03-04T14:41:36.694795Z	⚡️ Project is ready
2024-03-04T14:41:36.695209Z	⚡️ Building project...
2024-03-04T14:41:37.201062Z	▲  Vercel CLI 33.5.3
2024-03-04T14:41:37.466752Z	▲  Error: Importing "@vercel/next": require() of ES Module /opt/buildhome/repo/node_modules/string-width/index.js from /opt/buildhome/repo/node_modules/wide-align/align.js not supported.
2024-03-04T14:41:37.467114Z	▲  Instead change the require of index.js in /opt/buildhome/repo/node_modules/wide-align/align.js to a dynamic import() which is available in all CommonJS modules.
2024-03-04T14:41:37.539359Z	
2024-03-04T14:41:37.539619Z	⚡️ The Vercel build (`bunx vercel build`) command failed. For more details see the Vercel logs above.
2024-03-04T14:41:37.539869Z	⚡️ If you need help solving the issue, refer to the Vercel or Next.js documentation or their repositories.
2024-03-04T14:41:37.54014Z	
2024-03-04T14:41:37.548493Z	error: script "pages:build" exited with code 1
2024-03-04T14:41:37.550412Z	Failed: Error while executing user command. Exited with error code: 1
2024-03-04T14:41:37.559764Z	Failed: build command exited with code: 1
2024-03-04T14:41:39.164273Z	Failed: error occurred while running build command

Reproduction

https://github.com/willin/nextjs-stripe-cloudflare

Pages Deployment Method

Pages CI (GitHub/GitLab integration)

Pages Deployment ID

1a220fe3-8824-43cb-8da1-235a74b16e01

Additional Information

Just a new project with a stripe packge.

Would you like to help?

Would you like to help fixing this bug?

The text was updated successfully, but these errors were encountered:

danieluhm2004 · 2024-03-11T06:27:55Z

Hi, Can you try to add this thing to package.json?

{
  "name": "@package/name", 
  "resolutions": { "string-width": "4.2.3" }
  ...
}

chunlea · 2024-03-14T08:24:22Z

Add "resolutions": { "string-width": "4.2.3" } into package.json works for me, but I had to delete node_module and bun.lockb file, then run bun install again. No need to add string-width in depencencies.

Jarred-Sumner · 2024-03-16T05:06:43Z

I think this is a bug in Bun. Can you open an issue in Bun's github repo?

chunlea · 2024-03-16T05:34:33Z

There is already a bug report in bun: oven-sh/bun#7539

n3oney · 2024-04-17T01:47:04Z

The issue has been fixed in bun v1.1.4, looks like this can be closed.

LABCAT · 2024-04-18T04:36:07Z

I'm also experiencing this error using yarn, adding "resolutions": { "string-width": "4.2.3" } hasn't resolved the issue for me.

LABCAT · 2024-04-18T04:42:44Z

Upgrading the vercel dev dependency to 34 solved the issue for me.

SopraTests · 2024-04-18T15:48:30Z

I'm still having issues using Bun 1.1.4 trying to build an Angular 17 application with Karma for testing. The first issue was with string-width requiring strip-ansi which was resolved by using "overrides": { "string-width": "6.1.0" } but then I get the next error which I can't provide an override for as it's on latest already

>bun run build
$ ng build core
Unknown error: Error [ERR_REQUIRE_ESM]: require() of ES Module C:\dev\project\node_modules\string-width\index.js from C:\dev\project\node_modules\cliui\build\index.cjs not supported.
Instead change the require of index.js in C:\dev\project\node_modules\cliui\build\index.cjs to a dynamic import() which is available in all CommonJS modules.
error: script "build" exited with code 127

cloudflare/next-on-pages#689

chunlea · 2024-05-26T08:59:47Z

Just noticed this from the log, I believed cloudflare need to bump their bun version in
deployment runtime to fix it. The current bun version still 1.0.1.


01:58:16.359 | Found wrangler.toml file. Reading build configuration...
-- | --
01:58:16.364 | pages_build_output_dir: .vercel/output/static
01:58:16.365 | Build environment variables: (none found)
01:58:16.468 | Successfully read wrangler.toml file.
01:58:16.614 | Detected the following tools from environment: [email protected], [email protected]
01:58:16.615 | Installing project dependencies: bun install --frozen-lockfile
01:58:16.844 | bun install v1.0.1 (31aec4eb)
01:58:21.667 | + @cloudflare/[email protected]

Also followed https://developers.cloudflare.com/pages/configuration/language-support-and-tools/#v2-build-system ,fixed it by manually set up BUN_VERSION to latest version(1.1.9) and redeploy.

harveenatwal · 2024-06-19T06:09:51Z

If you're using npm, adding this to my package.json fixed it for me:

"overrides": {
"string-width": "4.2.3"
},

MarineLHexIT · 2024-08-08T07:33:24Z

I have the same issue, in local environment. I’m using yarn.
I had "vercel": "^35.2.1", I tried to upgrade to 35.2.3, but what fixed it was to downgrade towards `"vercel": "^34".

See cloudflare/next-on-pages#689

jw-12138 · 2024-09-24T16:43:05Z

Just noticed this from the log, I believed cloudflare need to bump their bun version in deployment runtime to fix it. The current bun version still 1.0.1.
01:58:16.359 | Found wrangler.toml file. Reading build configuration...
-- | --
01:58:16.364 | pages_build_output_dir: .vercel/output/static
01:58:16.365 | Build environment variables: (none found)
01:58:16.468 | Successfully read wrangler.toml file.
01:58:16.614 | Detected the following tools from environment: [email protected], [email protected]
01:58:16.615 | Installing project dependencies: bun install --frozen-lockfile
01:58:16.844 | bun install v1.0.1 (31aec4eb)
01:58:21.667 | + @cloudflare/[email protected]
Also followed https://developers.cloudflare.com/pages/configuration/language-support-and-tools/#v2-build-system ,fixed it by manually set up BUN_VERSION to latest version(1.1.9) and redeploy.

this worked for me, and for those who don't know where to set the BUN_VERSION, it's on your cloudflare dashboard -> pages & workers -> YOUR PAGES PROJECT -> settings -> variables and secrets

ctjlewis · 2024-09-29T03:31:14Z

Set BUN_VERSION to 1.1.29 (or > 1.1.19) in env vars for your Pages project
Ensure Encrypt is set so it is added to process.env

Cloudflare Pages will install the right bun version during the build.

willin added the bug Something isn't working label Mar 4, 2024

Jarred-Sumner mentioned this issue Apr 13, 2024

Fix timing issue in bun install oven-sh/bun#10234

Closed

dylan-conway mentioned this issue Apr 13, 2024

fix(install): fix dependency install order oven-sh/bun#10240

Merged

naporin0624 added a commit to napolab/cloudflare-next-image-demo that referenced this issue May 12, 2024

chore: fix build error

1210b2b

cloudflare/next-on-pages#689

venables added a commit to startkit-dev/next that referenced this issue Sep 6, 2024

Add override for string-width

95dbce2

See cloudflare/next-on-pages#689

venables added a commit to startkit-dev/next that referenced this issue Sep 6, 2024

Add override for string-width

8b4be04

See cloudflare/next-on-pages#689

venables added a commit to startkit-dev/next that referenced this issue Sep 6, 2024

Add override for string-width

9be5952

See cloudflare/next-on-pages#689

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[🐛 Bug]: Error: Importing "@vercel/next": require() of ES Module #689

[🐛 Bug]: Error: Importing "@vercel/next": require() of ES Module #689

willin commented Mar 4, 2024 •

edited

Loading

danieluhm2004 commented Mar 11, 2024

chunlea commented Mar 14, 2024

Jarred-Sumner commented Mar 16, 2024

chunlea commented Mar 16, 2024

n3oney commented Apr 17, 2024

LABCAT commented Apr 18, 2024

LABCAT commented Apr 18, 2024

SopraTests commented Apr 18, 2024

chunlea commented May 26, 2024 •

edited

Loading

harveenatwal commented Jun 19, 2024 •

edited

Loading

MarineLHexIT commented Aug 8, 2024

jw-12138 commented Sep 24, 2024

ctjlewis commented Sep 29, 2024

[🐛 Bug]: Error: Importing "@vercel/next": require() of ES Module #689

[🐛 Bug]: Error: Importing "@vercel/next": require() of ES Module #689

Comments

willin commented Mar 4, 2024 • edited Loading

next-on-pages environment related information

Description

Local Logs

Remote Logs

Reproduction

Pages Deployment Method

Pages Deployment ID

Additional Information

Would you like to help?

danieluhm2004 commented Mar 11, 2024

chunlea commented Mar 14, 2024

Jarred-Sumner commented Mar 16, 2024

chunlea commented Mar 16, 2024

n3oney commented Apr 17, 2024

LABCAT commented Apr 18, 2024

LABCAT commented Apr 18, 2024

SopraTests commented Apr 18, 2024

chunlea commented May 26, 2024 • edited Loading

harveenatwal commented Jun 19, 2024 • edited Loading

MarineLHexIT commented Aug 8, 2024

jw-12138 commented Sep 24, 2024

ctjlewis commented Sep 29, 2024

willin commented Mar 4, 2024 •

edited

Loading

chunlea commented May 26, 2024 •

edited

Loading

harveenatwal commented Jun 19, 2024 •

edited

Loading