Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Three.js bloom issue with Next.js 14

未关闭
#343 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
42/100
Issue 类型
缺陷
描述清晰度
需要澄清
活跃度
冷清
技术栈
next.js, react, three.js, typescript
领域
frontend, web-dev

调研方向

从 src/components/ModelViewer.tsx 开始,堆栈跟踪指向失败的导入或设置位置,并使用报告中的 Next.js 14 和 selective-bloom 配置重现错误。比较服务器端加载路径与客户端 Three.js 设置。完成的标准是页面加载时不再出现 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 分钟
30 天内合并 PR
4

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

pmndrs/react-postprocessing 的其他 Issue

查看 pmndrs/react-postprocessing 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。