$ライトニングは定義されていないエラーを解決するにはどうすればよいですか？

Question

私はVisualForceページにLightningコンポーネントを含めるようにしています。私は2つの問題を経験している。ここに私のコードです。

CreditCard.app: 

<aura:application access="GLOBAL" extends="ltng:outApp"> 
    <aura:dependency resource="c:CreditCardForm"/> 
</aura:application> 

ISSUE 1：私はextends="ltng:outApp"が含まれている場合 、私は "何かが間違っている$ライトニングが定義されていません" というエラーを取得しています。私はそのコードを削除するとアプリをプレビューすることができます。これはどういう理由がありますか？

問題2： VisualforceページでCreditCardFormコンポーネントにアクセスしようとしています。コードは以下である：

<apex:page > 
    <apex:includeLightning /> 
    <div id="lightning"/> 
    <script> 

    $Lightning.use("c:CreditCard", function() { 
     $Lightning.createComponent("c:CreditCardForm", 
            {}, 
            "lightning", 
            function(cmp) { 
             // do some stuff 
            }); 
    }); 


    </script> 
</apex:page> 

マニュアルに従って含める必要extends="ltng:outApp" VFページにおける雷成分を含むこと。しかし、それを含めても、ページは空です。解決策を提案してください。 TIA。

Answer 1

問題1の場合、プレビューすることはできません。コンポーネントをプレビューするには、Visualforceページを使用する必要があります。

コンポーネントをプレビューする場合は、オーラコンポーネントを挿入できる別のアプリケーションを使用します。

第2の問題は、何もレンダリングしていないコンポーネントに問題があるようです。あなたはdownload lightning inspectorとなり、問題をデバッグします。