在Visual Studio代码中配置Royale

Question

成功地在VSCODE中编译了Royale项目，但index.html在Chrome中显示空白屏幕。

遵循来自https://github.com/bowlerhatllc/vscode-as3mxml/wiki/install-ther-the-actionscript-and-mxml-mxml-extension-for-visual-visual-studio-code和设置VSCODE成功。没有珠宝，效果很好，但是如果代码包含珠宝，甚至可以汇编成功，则构建索引。

下面在浏览器Chrome中工作。

<?xml version="1.0" encoding="utf-8"?>
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:js="library://ns.apache.org/royale/express">
    <js:initialView>
        <js:View>
            <js:Label text="Hello World" x="100" y="100"/>
        </js:View>
    </js:initialView>
</js:Application>

以下仅使用空白屏幕在Chrome中工作。

<?xml version="1.0" encoding="utf-8"?>
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:j="library://ns.apache.org/royale/jewel"
    xmlns:html="library://ns.apache.org/royale/html"
    xmlns:js="library://ns.apache.org/royale/express">
    <j:Card width="350">
         <html:H3 text="Jewel CheckBox"/>
        <j:CheckBox text="Not Checkbox"/>
        <j:CheckBox text="Checked" selected="true"/>
        <j:CheckBox text="Disabled">
            <j:beads>
                <j:Disabled/>
            </j:beads>
        </j:CheckBox>
        <j:CheckBox text="Checked and Disabled" selected="true">
            <j:beads>
                <j:Disabled/>
            </j:beads>
        </j:CheckBox>
    </j:Card>
</js:Application>

没有错误消息。期望在Browsr中看到复选框，该代码是从巡回赛中复制的，它在Moonshine IDE中起作用。

Answer 1

我直接在代码中看到的某些内容，您使用的是js:Application而不是j:Application。首先是基本的主要应用程序，第二个是珠宝。

接下来我错过以下代码：

<j:valuesImpl>
    <js:SimpleCSSValuesImpl />
</j:valuesImpl>

并将您的j:Card放入初始视图

<j:initialView>
    <j:Card...
</j:initialView>

不要忘记添加珠宝主题，通常是HTML模板。您可以使用Tour de Jewel项目源代码再次比较您的内容，以查看您仍然没有以正确方式设置的内容。