Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Three.js bloom issue with Next.js 14

オープン
#343 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
42/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
静か
技術スタック
next.js, react, three.js, typescript
領域
frontend, web-dev

調査の方向性

src/components/ModelViewer.tsx から始めます。ここで stack trace が失敗している import または setup を示しているので、報告された Next.js 14 と selective-bloom の構成でエラーを再現します。サーバー側の読み込みパスとクライアント側の Three.js setup を比較します。ページが webpack TypeError なしで読み込まれ、selective-bloom 効果を引き続き使用できれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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?

主要言語
TypeScript
スター
1.4k
フォーク
134
平均マージ
4分
マージ済み PR(30日)
4

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

pmndrs/react-postprocessing のほかの issue

pmndrs/react-postprocessing の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。