作成したLWCがLightningページに表示されない

フロー/LWC

VS Codeで作成したLWCをSalesforce環境にデプロイしても、

Salesforce側のLightningページに表示されないため配置できないことがあります。

2点を確認してみましょう。

isExposedがTrueになっているか

VS Codeで「SFDC:Lightning Web コンポーネントを作成」によりコンポーネントファイルを作成した直後は

metaデータ(xmlファイル)でisExportedタグはデフォルトでFalseになっているかと思います。

FalseのままだとLightningページに表示されないため、Trueに変更する必要があります。

isExportedをTrueに

targetsで配置する場所を指定できているか

LWCを配置する場所をtargetタグで指定する必要があります。

配置できる場所とその書き方は下記サイトに一覧化されています。

XML Configuration File Elements | Reference | Reference | Reference | Reference | Lightning Web Components Developer Guide | Salesforce Developers
Each Lightning web component folder must include a configuration file named

個人的によく使うのは下記4つです。

・ホームぺージ:lightning__HomePage

・レコードページ:lightning__RecordPage

・アプリケーションページ:lightning__AppPage

・ユーティリティバー:lightning__UtilityBar

各ターゲットの記載

その他Experience Cloudに配置するコンポーネント、フローの要素として使用するコンポーネントなど

適宜指定が必要です。

結果的にLightningページのカスタム欄にLWCが表示されるので配置が可能になります。

Lightningページ

コメント

タイトルとURLをコピーしました