Error: Cannot reach Remix dev server at localhost:3001/ping

[Polygons1]

Reproduction

bun run dev on a new remix project

System Info

System:
    OS: macOS 14.1.2
    CPU: (8) arm64 Apple M1
    Memory: 1.00 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Yarn: 1.22.21 - ~/.bun/bin/yarn
    npm: 1.0.21 - ~/.bun/bin/npm
    pnpm: 8.10.2 - ~/node_modules/.bin/pnpm
    bun: 1.0.30 - ~/.bun/bin/bun
  Browsers:
    Safari: 17.1.2
  npmPackages:
    @remix-run/css-bundle: ^2.8.1 => 2.8.1 
    @remix-run/dev: ^2.8.1 => 2.8.1 
    @remix-run/node: ^2.8.1 => 2.8.1 
    @remix-run/react: ^2.8.1 => 2.8.1 
    @remix-run/serve: ^2.8.1 => 2.8.1

Used Package Manager

npm

Expected Behavior

server to run

Actual Behavior

Could not reach Remix dev server at http://localhost:3001/ping
111 | // @ts-expect-error - err may not be SystemError
112 | reject(new FetchError(request to ${request.url} failed, reason: ${err.message}, 'system', err));
113 | finalize();
114 | });
115 |
116 | fixResponseChunkedTransferBadEnding(request_, err => {
^
error: request to http://localhost:3001/ping failed, reason: Can only call URLSearchParams.toJSON on instances of URLSearchParams
code: "undefined"

[brophdawg11]

Can you provide a reproduction or a git repo? I just created a new app via create-remix and it runs OK for me locally on node 20 and bun 1.0.33.

[Polygons1]

I don't have node on my machine

[brophdawg11]

Can you provide a reproduction or dig further into where the error is coming from? It is coming from bun? Or a nested dependency? Remix never calls a .toJSON method as far as I can tell in the codebase.

[Polygons1]

I am also getting this:

  at object.<anonymous> (./node_modules/@remix-run/web-fetch/src/fetch.js:116:3)
  at _final (native:1:1)
  at callFinal (native:1:1)
  at prefinish (native:1:1)
  at finishMaybe (native:1:1)
  at native:1:1
  at onend (native:1:1)
  at endReadableNT (native:1:1)
  at processTicksAndRejections (native:1:1)

[brophdawg11]

Those Remix web-fetch polyfills are only intended for node usage - bun should have built in fetch APIs so you shouldn't need to install the polyfills which remix-serve does by default. I would use a custom express (or other) server and avoid calling installGlobals so you use bun's built in fetch APIs instead of the Remix polyfills.

Something like this is probably closest to what you want if you want to use Bun's raw HTTP server: https://github.com/mcansh/remix-node-http-server