<Anim> Component not working as described
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
validation.ts:229 と use-component.tsx:56 から始め、Anim コンポーネントが props を適用する方法を追ってください。宣言された AnimProps と、ドキュメントに記載された clip と loop の例を比較し、その後、ドキュメントに記載された両方の使用形式で TypeScript エラーも getter のみのプロパティエラーも発生しなくなっていることを確認してください。
索引モデルが issue の本文から書いたものです。
説明
Hej :)
I was playing around loading a glb file and playing an animation but I could not get the component to work.
There are two examples found throughout the docs. One where Anim is a child of the entity, one where it is a child of render.
return (<Entity {...props}>
<Render type="asset" asset={asset} />
<Anim asset={asset} clip="Walk" loop />
</Entity>)
https://playcanvas-react.vercel.app/docs/api/components/anim
{/* render the asset */}
<Render type='asset' asset={asset} >
<Anim asset={asset} />
</Render>
https://github.com/playcanvas/react/blob/main/packages/docs/content/examples/load-a-3D-model.mdx
Here is what I can observe:
Typescript is not happy with the clip or loop props
Type '{ asset: Asset; clip: string; loop: true; }' is not assignable to type 'IntrinsicAttributes & AnimProps'.
Property 'clip' does not exist on type 'IntrinsicAttributes & AnimProps'.ts(2322)
…
Property 'loop' does not exist on type 'IntrinsicAttributes & AnimProps'.ts(2322)
Using it (no matter which way, even ts-expect-ing the errors), I get this error in the browser:
An error occurred in the <Anim> component.
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://react.dev/link/error-boundaries to learn more about error boundaries.
react-dom-client.development.js:8283:15
Uncaught TypeError: setting getter-only property "playable"
applyProps validation.ts:229
applyProps validation.ts:221
useComponent use-component.tsx:56
React 60
performWorkUntilDeadline scheduler.development.js:45
js scheduler.development.js:223
js scheduler.development.js:364
__require chunk-G3PMV62Z.js:8
js index.js:6
__require chunk-G3PMV62Z.js:8
React 2
__require chunk-G3PMV62Z.js:8
js React
__require chunk-G3PMV62Z.js:8
<anonymous> react-dom_client.js:18083
validation.ts:229:22
Help is greatly appreciated… 🫶
- 主要言語
- TypeScript
- スター
- 538
- フォーク
- 60
- 平均マージ
- 12時間 28分
- マージ済み PR（30日）
- 10
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
playcanvas/react のほかの issue
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
playcanvas/react#320 ·
メンテナーはふだん 1 日以内に返信
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
playcanvas/react#315 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
-
Expose reference from <Application /> component再び着手できるかも @abstrakt8 が 259 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンenhancement
playcanvas/react#309 · リアクション 1 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
playcanvas/react#308 · コメント 8 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
playcanvas/react#306 · コメント 3 件 ·
メンテナーはふだん 1 日以内に返信
playcanvas/react の issue をすべて見る
似ている issue
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
lingdojo/kana-dojo#32663 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
Admin: Title Separator field can't be cleared (input falls back to "|")対応中かも @emdashbot が今日担当しました。 オープンbot:bug bot:in-review
難易度 2/5 1〜3時間 初心者へのやさしさ 80/100
emdash-cms/emdash#4236 · コメント 3 件 ·
メンテナーはふだん 1 日以内に返信
-
PHP workflow streaming requests buffer the full SSE response対応中かも @Winoren が今日担当しました。 オープンreview: medium
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
langgenius/dify#44270 · コメント 1 件 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
area:holodeck review-finding
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
hyperdrive-technology/holodeck#142 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
code-yeongyu/senpi#3573 ·
メンテナーはふだん 1 日以内に返信