React コンポーネントを含むテーマの liferay-amd-loader エラーを解決する。

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• Reactコンポーネントを含むテーマのliferay-amd-loaderエラーがブラウザコンソールで確認できるようになりました：

  • liferay-amd-loader | Errors returned from server for require( ['test-theme/js/controllers/test_controller.es'] ): ["Missing required module 'test-theme/js/controllers/test_controller.es'"]

• DXP 7.2より、liferay-amd-loaderからaddModuleが削除され、テーマ内のJavaScriptファイルが処理されないようになりました。

Environment

• DXP 7.2
• DXP 7.3

解決策

Liferay Supportは、特定のサードパーティ製品を他の製品よりも推奨または承認するものではありません。 Liferayが作成したものではない製品について提供される情報は、あくまで参考のためのものであり、これらの原則を実行する場合は、チームの裁量に任されます。

1. テーマに関連するすべてのJavaScriptファイルを保持するJS Toolkitで、shared bundleを構築します。
2. 例えば、すべてのJavaScriptファイルがテーマから生成されたReact Widgetに移動した後に、Liferay.Loader.require()を呼び出す.ftlテンプレートからこのバンドルを消費します：

   • Liferay.Loader.require(['my-javascript-project@1.0.0/js/test_controller.es']

3. Liferay JS toolkitのジェネレーターを使用したReact Widgetは、以下の記事を参考に作成する必要があります：
   • Liferay Reactポートレット
   • Reactで共有ライブラリJavascriptを使う方法
   • ジェネレーターライフレーjsの使用方法

追加情報

• DXP 7.2のカスタムポートレットで、エラー「TypeError：Liferay.Loader.addModule は関数ではありません'
• liferay-amd-loader から Liferay.Loader.addModules を削除した。