Three.js bloom issue with Next.js 14

Offen

#343 erstellt am 25.9.2025 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 42/100

Issue-Typ: Bug
Klarheit: Muss geklärt werden
Aktivitätsstatus: Ruhig
Tech-Stack: next.js, react, three.js, typescript
Bereich: frontend, web-dev

Rechercherichtung

Beginne in src/components/ModelViewer.tsx, wo der Stacktrace auf den fehlschlagenden Import oder das fehlschlagende Setup verweist, und reproduziere den Fehler mit der gemeldeten Next.js 14- und selective-bloom-Konfiguration. Vergleiche den serverseitigen Ladepfad mit dem clientseitigen Three.js-Setup. Als erledigt gilt die Aufgabe, wenn die Seite ohne den webpack TypeError geladen wird und der selective-bloom-Effekt weiterhin nutzbar ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

I am developing simple three.js project with next.js 14.
I wanted to add bloom effect to specific mesh, so I used selectivebloom (https://react-postprocessing.docs.pmnd.rs/effects/selective-bloom).
But there is issue.

⨯ TypeError: Cannot read properties of undefined (reading 'S') at __webpack_require__ (E:\1_Work_Projects\2025\9.22_Telegram_Pokemon Card\project\.next\server\webpack-runtime.js:33:42) at eval (./src/components/ModelViewer.tsx:9:76) at (ssr)/./src/components/ModelViewer.tsx (E:\1_Work_Projects\2025\9.22_Telegram_Pokemon Card\project\.next\server\app\page.js:118:1) at Object.__webpack_require__ [as require] (E:\1_Work_Projects\2025\9.22_Telegram_Pokemon Card\project\.next\server\webpack-runtime.js:33:42) digest: "2435834722" GET / 500 in 68ms

How can I do?

Vorherrschende Sprache: TypeScript
Sterne: 1.4k
Forks: 134
Ø Merge: 4 Min.
Gemergte PRs (30 T.): 4

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus pmndrs/react-postprocessing

Using Custom Effect with Bloom, Bloom doesn't work Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100

pmndrs/react-postprocessing#286 · Erstellt am 16.6.2024
[Bug] - N8AO works incorrectly with adaptiveDpr Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100

pmndrs/react-postprocessing#280 · 2 Kommentare · 1 Reaktion · Erstellt am 23.4.2024
Added the Custom Effect of Sharpeness Offen

enhancement

pmndrs/react-postprocessing#253 · 4 Reaktionen · 1 zugewiesene Person · Erstellt am 09.11.2023
Bloom Filter breaking Scene in Chrome - Cannot read properties of null (reading 'alpha') Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 25/100

pmndrs/react-postprocessing#240 · 1 Kommentar · 1 Reaktion · Erstellt am 02.10.2023
Integrate realism-effects Offen

enhancement

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 20/100

pmndrs/react-postprocessing#183 · Erstellt am 12.3.2023

Alle Issues in pmndrs/react-postprocessing