Compilation error for Next 14.1.0 and p5.js 1.9.0 #60897
Description
Link to the code that reproduces this issue
https://codesandbox.io/p/sandbox/dry-tree-rnzjq9
To Reproduce
- access the
sandbox. The code will run and a page will appear.
Current vs. Expected behavior
Expected result:
- a page with a 400x400 canvas where a little ball bounces off the walls
Observed:
- a compilation error:
$ next dev
▲ Next.js 14.1.1-canary.1
- Local: http://localhost:3000
✓ Ready in 2.2s
○ Compiling / ...
⨯ ./node_modules/p5/lib/p5.min.js
Module parse failed: Identifier 'o' has already been declared (7314:37)
| if (g ? x || (d = !0, w(), x = !0) : d = Boolean(o.first), t = Math.max(0, Math.floor(t)), r = Math.max(0, Math.floor(r)), d) {
| if (!a) throw new Error("First frame must include a { palette } option");
> var [o, h, f, p, m = 8] = [
| v,
| t,
Import trace for requested module:
./node_modules/p5/lib/p5.min.js
./app/p5-error.tsx
⨯ ./node_modules/p5/lib/p5.min.js
Module parse failed: Identifier 'o' has already been declared (7314:37)
| if (g ? x || (d = !0, w(), x = !0) : d = Boolean(o.first), t = Math.max(0, Math.floor(t)), r = Math.max(0, Math.floor(r)), d) {
| if (!a) throw new Error("First frame must include a { palette } option");
> var [o, h, f, p, m = 8] = [
| v,
| t,
Import trace for requested module:
./node_modules/p5/lib/p5.min.js
./app/p5-error.tsx
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, rename '/workspace/.next/cache/webpack/client-development-fallback/0.pack.gz_' -> '/workspace/.next/cache/webpack/client-development-fallback/0.pack.gz'Verify canary release
- I verified that the issue exists in the latest Next.js canary release
Provide environment information
> NOTE: this is a CodeSandbox machine
Operating System:
Platform: linux
Arch: x64
Version: #1 SMP PREEMPT_DYNAMIC Sun Aug 6 20:05:33 UTC 2023
Binaries:
Node: 20.9.0
npm: 9.8.1
Yarn: 1.22.19
pnpm: 8.10.2
Relevant Packages:
next: 14.1.1-canary.1
eslint-config-next: N/A
react: 18.2.0
react-dom: 18.2.0
typescript: 5.1.3
Next.js Config:
output: N/AWhich area(s) are affected? (Select all that apply)
Not sure
Which stage(s) are affected? (Select all that apply)
next dev (local), next build (local)
Additional context
The error only appeared with the 14.1.0 and the canary versions.
Version 14.0.4 was fine.