作成した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タグで指定する必要があります。

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

Component Library
The Component Library is the Lightning components developer reference. Rapidly develop apps with our responsive, reusable building blocks.

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

・ホームぺージ:lightning__HomePage

・レコードページ:lightning__RecordPage

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

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

各ターゲットの記載

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

適宜指定が必要です。

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

Lightningページ

コメント

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