Question

我试图在VisualForce页面中包含Lightning组件。我遇到了两个问题。这是我的代码。

CreditCard.app:

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

问题1： 如果我添加extends="ltng:outApp"，我会收到错误消息“＃34;出现问题。 $ Lightning未定义＆＃34;。如果删除该段代码，我可以预览应用程序。究竟是什么原因？

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

要在VF页面中包含Lightning组件，需要根据文档包含extends="ltng:outApp"。但是，即使包含该页面，页面也是空的。请提出解决方案。 TIA。

Answer 1

对于问题1，您将无法预览。您必须使用Visualforce页面来预览您的组件。

如果要预览组件，请使用另一个可插入光环组件的应用程序。

第二个似乎是您的组件没有呈现任何内容的问题。您可以download lightning inspector并调试问题。

如何解决$ Lightning没有定义错误？

1 个答案: