Sharepoint の Autodesk Forge Viewer には黒のモデルのみが表示される

Question

現在のプロジェクトでは、このチュートリアルに従って Forge Viewer を Sharepoint に統合しました。 (https://aps.autodesk.com/blog/sharepoint-online-integration)

次に、この npm パッケージを使用して React でプロジェクトをセットアップします。 https://www.npmjs.com/package/react-forge-viewer。

プロジェクトを React に移行した後、ビューアはすべての色を失い、黒くなりました。

エラー メッセージによると、ビューアがロードされた時点ではプロパティはまだ未定義です。 この問題は、SPFX のみを使用した場合には発生せず、React を使用した後にのみ発生しました。

ご協力いただき、誠にありがとうございました。

エラーメッセージ

無色ビューア

Answer 1

(コミュニティが開発した) react-forge-viewer プロジェクトは過去 3 年間更新されていないようです。このプロジェクトの問題を排除するには、独自の単純な React ラッパーに置き換えることをお勧めします。次のようなもの:

• ビューアの依存関係を HTML に追加します。
  • <リンク rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.css">
  • <スクリプト src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script>
• アクセス トークンとモデル URN を一時的にハードコーディングする単純な React ラッパーを作成します。
リーリー リーリー

最後に、
• <Viewer /> コンポーネントをアプリケーションに挿入します。

この単純な React コンポーネントでも問題が解決しない場合は、スタンドアロン React アプリケーションでコンポーネントを使用して、Sharepoint 環境によって引き起こされる潜在的な問題を排除してみてください。