So beheben Sie $ Lightning ist nicht definiert Fehler?

Question

Ich versuche, eine Lightning-Komponente in die VisualForce-Seite aufzunehmen. Ich habe zwei Probleme. Hier ist mein Code.

CreditCard.app: 

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

AUSGABE 1: Wenn ich schließen extends="ltng:outApp", erhalte ich eine Fehlermeldung, „etwas schief gegangen ist $ Blitz ist nicht definiert.“. Ich kann die App in der Vorschau anzeigen, wenn ich diesen Code entferne. Was genau ist der Grund dafür?

AUSGABE 2: Ich versuche, die CreditCardForm Komponente in Visualforce-Seite zuzugreifen. Der folgende Code ist:

<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> 

Lightning Komponente in VF-Seite enthalten, extends="ltng:outApp" werden muss, um nach der Dokumentation enthalten. Die Seite ist jedoch leer, selbst nachdem sie enthalten ist. Bitte schlagen Sie eine Lösung vor. TIA.

Answer 1

Für das Problem 1 können Sie keine Vorschau anzeigen. Sie müssen die Visualforce-Seite verwenden, um eine Vorschau Ihrer Komponente anzuzeigen.

Wenn Sie eine Vorschau Ihrer Komponente anzeigen möchten, verwenden Sie eine andere App, in die Sie die Aura-Komponente einfügen können.

Die zweite scheint Problem mit Ihrer Komponente sein, die nichts rendern. Sie können download lightning inspector und die Probleme debuggen.