Support Remix / React Router v7 #20790

birkskyum · 2023-10-04T19:37:10Z

Remix - Website - GitHub

Platform

Darwin 23.0.0 arm64 arm

Version

deno 1.37.1

Repro

Anywhere, run deno run -A npm:@remix-run/dev build, or even just deno run -A npm:@remix-run/dev

Expected

In a proper app, like in the getting started guide here, the expected state would be similar to:

➜ npx remix build
 info  building... (NODE_ENV=production)
 info  built (113ms)

Actual

➜ deno run -A npm:@remix-run/dev      
error: Uncaught Error: Not implemented: Script.prototype.runInNewContext
    at notImplemented (ext:deno_node/_utils.ts:9:9)
    at Script.runInNewContext (node:vm:22:5)
    at Object.<anonymous> (file:///Users/admin/repos/deno-kitchensink/node_modules/.deno/eval@0.1.8/node_modules/eval/eval.js:17:4)
    at Object.<anonymous> (file:///Users/admin/repos/deno-kitchensink/node_modules/.deno/eval@0.1.8/node_modules/eval/eval.js:92:4)
    at Module._compile (node:module:733:34)
    at Object.Module._extensions..js (node:module:747:10)
    at Module.load (node:module:658:32)
    at Function.Module._load (node:module:539:12)
    at Module.require (node:module:677:19)
    at require (node:module:791:16)

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

bartlomieju · 2023-12-10T20:00:01Z

#21527 will be a step towards supporting this, but most likely not enough (as the PR doesn't support any options).

birkskyum · 2023-12-19T10:40:14Z

Things have changed with 1.39.

Using the standard (node) template (deno run -A npm:create-remix), and running deno task dev now yields:

➜ deno task dev
Task dev remix dev --manual

 💿  remix dev

 info  building...
 info  built (374ms)
The following error is a bug in Remix; please open an issue! https://github.com/remix-run/remix/issues/new
error: Uncaught Error: errno missing
    at Object.invariant [as default] (file:///Users/admin/repos/deno-kitchensink/my-remix-app/node_modules/.deno/@remix-run+dev@2.4.0/node_modules/@remix-run/dev/dist/invariant.js:18:11)
    at ChildProcess.<anonymous> (file:///Users/admin/repos/deno-kitchensink/my-remix-app/node_modules/.deno/@remix-run+dev@2.4.0/node_modules/@remix-run/dev/dist/devServer_unstable/index.js:150:27)
    at ChildProcess.emit (ext:deno_node/_events.mjs:395:35)
    at ext:deno_node/internal/child_process.ts:238:12
    at processTicksAndRejections (ext:deno_node/_next_tick.ts:25:11)
    at runNextTicks (ext:deno_node/_next_tick.ts:71:3)
    at eventLoopTick (ext:core/01_core.js:188:21)

update: this deno template has been removed from github
Using the deno template instead: deno run -A npm:create-remix --template remix-run/remix/templates/deno, and running deno task dev:

➜ deno task dev  
Task dev npm-run-all build --parallel "dev:*"
Import map diagnostics:
  - Invalid top-level key "comment". Only "imports" and "scopes" can be present.
  - Invalid address "" for the specifier key "// `@remix-run/deno` code is already a Deno module, so just get types for it directly from `node_modules/`".

> build
> remix build

sh: remix: command not found
ERROR: "build" exited with 127.

birkskyum · 2024-01-28T18:00:08Z

UPDATE: This is resolved (duplicate of #21820), new errors shown in newer comments below

I tried the new vite mode of remix.

deno run -A npm:create-remix@latest --template remix-run/remix/templates/unstable-vite

.. and got this:

➜ deno task dev
Task dev remix vite:dev
failed to load config from /Users/admin/repos/deno-kitchensink/my-remix-vite/vite.config.ts
SyntaxError: The requested module 'file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/@remix-run/dev/dist/index.js' does not provide an export named 'unstable_vitePlugin' at file:///Users/admin/repos/deno-kitchensink/my-remix-vite/vite.config.ts.timestamp-1706464730208-0ec52d94af83c.mjs:2:10
    at async loadConfigFromBundledFile (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/vite/dist/node/chunks/dep-9A4-l-43.js:68383:21)
    at async loadConfigFromFile (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/vite/dist/node/chunks/dep-9A4-l-43.js:68240:28)
    at async resolveConfig (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/vite/dist/node/chunks/dep-9A4-l-43.js:67841:28)
    at async _createServer (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/vite/dist/node/chunks/dep-9A4-l-43.js:60327:20)
    at async dev (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/@remix-run/dev/dist/vite/dev.js:39:16)
    at async Object.viteDev (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/@remix-run/dev/dist/cli/commands.js:213:3)
    at async Object.run (file:///Users/admin/repos/deno-kitchensink/my-remix-vite/node_modules/.deno/@remix-run+dev@2.5.1/node_modules/@remix-run/dev/dist/cli/run.js:224:7) {
  code: "ERR_MODULE_NOT_FOUND"
}

Svelte support via Vite #16513

arjunyel · 2024-02-11T02:17:11Z

@birkskyum hi friend just curious if you got the Vite version of Remix working with Deno?

birkskyum · 2024-02-11T09:26:25Z

@arjunyel , no I tried few days ago again but didn't manage unfortunately, but I'm glad to see this ticket mentioned in here:

Node.js compat roadmap February 2024 #22337

birkskyum · 2024-02-20T22:42:34Z

Another ticket relevant for remix:

Warning: Not implemented: ChildProcess.prototype.disconnect when using Prisma #17265

birkskyum · 2024-04-30T10:06:08Z

fix(npm): set up node_modules/.bin/ entries for package that provide bin entrypoints #23496
Support running scripts that contain npm run with deno task #23036

birkskyum · 2024-05-11T19:27:27Z

I'm now (deno 1.43.3) getting this for the standard remix (vite-based) template:

$ deno run -A npm:create-remix@latest --template remix-run/remix/templates/remix
$ deno task dev

Task dev remix vite:dev
  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
TypeError: Return value from serve handler must be a response or a promise resolving to a response
    at ext:deno_http/00_serve.ts:334:15
    at Object.runMicrotasks (ext:core/01_core.js:642:26)
    at Array.processTicksAndRejections (ext:deno_node/_next_tick.ts:39:10)
    at eventLoopTick (ext:core/01_core.js:165:29)
Exception in onError while handling exception TypeError: Return value from onError handler must be a response or a promise resolving to a response
    at ext:deno_http/00_serve.ts:340:17
    at Object.runMicrotasks (ext:core/01_core.js:642:26)
    at Array.processTicksAndRejections (ext:deno_node/_next_tick.ts:39:10)
    at eventLoopTick (ext:core/01_core.js:165:29)
Terminating Deno.serve loop due to unexpected error TypeError: Cannot read properties of undefined (reading 'status')
    at ext:deno_http/00_serve.ts:361:26
    at Object.runMicrotasks (ext:core/01_core.js:642:26)
    at Array.processTicksAndRejections (ext:deno_node/_next_tick.ts:39:10)
    at eventLoopTick (ext:core/01_core.js:165:29)

birkskyum · 2024-08-10T11:42:51Z

With DENO_FUTURE=1 the dev task appear to work now! Serving a build still breaks though, as described below

➜ deno run -A npm:create-remix@latest --template remix-run/remix/templates/remix

select ts, install with npm etc.

➜ DENO_FUTURE=1 deno task build
➜ DENO_FUTURE=1 deno task start

Got this error:

Task start remix-serve ./build/server/index.js
error: Uncaught (in promise) SyntaxError: The requested module 'react-dom/server' does not provide an export named 'renderToPipeableStream' at file:///Users/admin/repos/deno-kitchensink/my-remix-app2/build/server/index.js?t=1723290078885:6:10
    at async run (file:///Users/admin/repos/deno-kitchensink/my-remix-app2/node_modules/@remix-run/serve/dist/cli.js:111:15)

marvinhagemeister · 2024-08-10T12:36:12Z

This seems to be a bug in the react-dom package. They have a deno import condition that points to the browser bundle instead of the node bundle in their package.json. When I point it to the node bundle it works.

https://github.com/facebook/react/blob/8d74e8c73a5cc5e461bb1413a74c6b058c6be134/packages/react-dom/package.json#L64

    "./server": {
      "react-server": "./server.react-server.js",
      "workerd": "./server.edge.js",
      "bun": "./server.bun.js",
      "deno": "./server.browser.js",
      "worker": "./server.browser.js",
      "node": "./server.node.js",
      "edge-light": "./server.edge.js",
      "browser": "./server.browser.js",
      "default": "./server.node.js"
    },

birkskyum · 2024-08-12T06:20:28Z

@marvinhagemeister , the ticket was closed. As an outsider it looks a bit like there's a discrepancy between how the react / deno team thinks deno should behave. I can just ascertain that as a user this breaks by default - or maybe I just misunderstood how the node compat in deno works, that's also a very real possibility :)

marvinhagemeister · 2024-08-19T12:39:18Z

Yeah, the thing is that Deno supports both: Node streams and web streams. The way the react package is constructed is that they expect an "either or", not both. The renderToPipeableStream function is only supported in their node adapter. It seems like the proper solution would be to add a dedicated Deno entry instead of linking it to the browser one. Not sure if the react renderer configuration supports using both at the same time.

birkskyum changed the title ~~Support Remix.run~~ Support Remix Oct 4, 2023

bartlomieju added bug Something isn't working correctly node compat labels Oct 9, 2023

bartlomieju mentioned this issue Feb 8, 2024

Node.js compat roadmap February 2024 #22337

Closed

20 tasks

birkskyum mentioned this issue May 11, 2024

bug: remix vitePlugin module not found while running remix as vite plugin #21820

Closed

birkskyum changed the title ~~Support Remix~~ Support Remix / React Route v7 May 18, 2024

birkskyum changed the title ~~Support Remix / React Route v7~~ Support Remix / React Router v7 May 18, 2024

birkskyum mentioned this issue Aug 10, 2024

Fix react-dom/server used with Deno facebook/react#30655

Closed

redabacha mentioned this issue Sep 5, 2024

Modernize deno template remix-run/remix#9932

Open

2 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Support Remix / React Router v7 #20790

Support Remix / React Router v7 #20790

birkskyum commented Oct 4, 2023 •

edited

Loading

bartlomieju commented Dec 10, 2023

birkskyum commented Dec 19, 2023 •

edited

Loading

birkskyum commented Jan 28, 2024 •

edited

Loading

arjunyel commented Feb 11, 2024

birkskyum commented Feb 11, 2024 •

edited

Loading

birkskyum commented Feb 20, 2024

birkskyum commented Apr 30, 2024

birkskyum commented May 11, 2024 •

edited

Loading

birkskyum commented Aug 10, 2024 •

edited

Loading

marvinhagemeister commented Aug 10, 2024

birkskyum commented Aug 12, 2024 •

edited

Loading

marvinhagemeister commented Aug 19, 2024

Support Remix / React Router v7 #20790

Support Remix / React Router v7 #20790

Comments

birkskyum commented Oct 4, 2023 • edited Loading

bartlomieju commented Dec 10, 2023

birkskyum commented Dec 19, 2023 • edited Loading

birkskyum commented Jan 28, 2024 • edited Loading

arjunyel commented Feb 11, 2024

birkskyum commented Feb 11, 2024 • edited Loading

birkskyum commented Feb 20, 2024

birkskyum commented Apr 30, 2024

birkskyum commented May 11, 2024 • edited Loading

birkskyum commented Aug 10, 2024 • edited Loading

marvinhagemeister commented Aug 10, 2024

birkskyum commented Aug 12, 2024 • edited Loading

marvinhagemeister commented Aug 19, 2024

birkskyum commented Oct 4, 2023 •

edited

Loading

birkskyum commented Dec 19, 2023 •

edited

Loading

birkskyum commented Jan 28, 2024 •

edited

Loading

birkskyum commented Feb 11, 2024 •

edited

Loading

birkskyum commented May 11, 2024 •

edited

Loading

birkskyum commented Aug 10, 2024 •

edited

Loading

birkskyum commented Aug 12, 2024 •

edited

Loading