[[email protected]] unexpected js error with deno 2.0.1+, incorrect chunks order

[mindon]

jsr:@fresh/core@^2.0.0-alpha.22
deno 2.0.1

TypeError: Cannot read properties of undefined (reading '__H')
if built with deno 2.0.0, everything is ok

[marvinhagemeister]

This error occurs when multiple copies of Preact are used at the same time. Not sure yet what lead to multiple copies ending up in the esbuild bundles. Can you share the imports of the deno.json of your project?

[mindon]

This error occurs when multiple copies of Preact are used at the same time. Not sure yet what lead to multiple copies ending up in the esbuild bundles. Can you share the imports of the deno.json of your project?

{
  "lock": false,
  "nodeModulesDir": "auto",
  "tasks": {
    "check": "deno fmt --check && deno lint && deno check **/*.ts && deno check **/*.tsx",
    "start": "deno run -A --unstable-kv --unstable-cron --watch=static/,routes/ dev.ts",
    "build": "deno run -A --unstable-kv --unstable-cron dev.ts build",
    "preview": "deno run -A --unstable-kv --unstable-cron --watch=static/,routes/ main.ts",
    "update": "deno run -A -r jsr:@fresh/[email protected] ."
  },
  "lint": { "rules": { "tags": ["fresh", "recommended"] } },
  "imports": {
    "fresh": "jsr:@fresh/core@^2.0.0-alpha.22",
    "tailwindcss": "npm:[email protected]",
    "@fresh/plugin-tailwind": "jsr:@fresh/[email protected]",
    "$fresh_charts/": "https://deno.land/x/[email protected]/",
    "$jose/": "https://deno.land/x/jose/",
    "preact": "npm:preact@^10.24.2",
    "@preact/signals": "npm:@preact/signals@^1.3.0",
    "$icons": "jsr:@preact-icons/tb",
    "@std/log": "jsr:@std/log",
    "@std/crypto": "jsr:@std/crypto",
    "@std/encoding": "jsr:@std/encoding",
    "@std/fs": "jsr:@std/fs",
  },
  "compilerOptions": { "jsx": "react-jsx", "jsxImportSource": "preact" },
  "exclude": ["**/_fresh/*", "inspection", "data", "proto"]
}

[mindon]

same after updating both preact and @preact/signals

    "preact": "npm:preact@^10.24.3",
    "@preact/signals": "npm:@preact/signals@^1.3.0",

the jsr:@preact-icons/tb is using jsr:@preact-icons/common which has deps npm:preact@^10.22.1

[rhaldkhein]

I'm having this issue as well. I think this only occur using Partial, when navigating a page from old build to new build.

Steps to reproduce:

1. Run build and preview task
2. View a page (with partial nav)
3. Re-run build and preview task
4. While still on the same page, navigate to another page

This happen every time when I deploy new update. My users are complaining that the website hang and couldn't click anything.

I currently suppress this error with componentDidCatch and display blank page. This way user can still trigger clicks and page navigation.

[mindon]

it seems coming from the diff of chunks, see denoland/deno#26616 (comment)

[mindon]

finally, it's gone in Deno v2.16

[skinkade]

I am / was getting this issue with Deno 2.1.6 using the regular project template of Fresh 1.7.3 instantiated with:

deno run -A -r https://fresh.deno.dev

Specifically, I was getting the error when the homepage component tried to call useSignal.

Per @marvinhagemeister's comment, I ran deno info main.ts and saw the default dependency versions were bringing in multiple versions of preact and preact/signals. Bumping my versions in deno.json to the latest shown for each resolved the error.

Here's the imports from the default template with the applicable version bumps:

{
    "$fresh/": "https://deno.land/x/[email protected]/",
    "preact": "https://esm.sh/[email protected]",
    "preact/": "https://esm.sh/[email protected]/",
    "@preact/signals": "https://esm.sh/*@preact/[email protected]",
    "@preact/signals-core": "https://esm.sh/*@preact/[email protected]",
    "tailwindcss": "npm:[email protected]",
    "tailwindcss/": "npm:/[email protected]/",
    "tailwindcss/plugin": "npm:/[email protected]/plugin.js",
    "$std/": "https://deno.land/[email protected]/"
}