Настройка Royale в Visual Studio Code

Скомпилированный проект Royale в VSCode успешно, но index.html отображает пустой экран в Chrome.

Выполнены инструкции из https://github.com/BowlerHatLLC/vscode-as3mxml/wiki/Install-the-ActionScript-and-MXML-extension-for-Visual-Studio-Code и успешно настройте VSCode. Работал хорошо без Jewel, но если код содержит Jewel, даже при успешной компиляции встроенный index.html будет отображать пустой экран в Chrome.

Ниже работает в браузере 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>

Нет сообщения об ошибке. Ожидайте увидеть флажки в браузере. Код скопирован из Tour de Jour. Он работает в Moonshine IDE.


visual-studio-code actionscript apache-royale
person dennislee    schedule 25.06.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

некоторые вещи, которые я вижу прямо в коде, вы используете js:Application вместо j:Application. Первое — это основное приложение для Basic, а второе — для Jewel.

Далее я пропускаю следующий код:

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

и поместите свой j:Card в InitialView

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

</j:initialView>

Не забудьте добавить тему Jewel и обычно HTML-шаблон. Вы можете использовать исходный код проекта Tour de Jewel для сравните со своим, чтобы увидеть, какие вещи вы еще не настроили должным образом.

person Carlos Rovira    schedule 25.06.2019
comment
Изменил код, но ошибка компиляции. src/Main.mxml d:\Workspace\VSProjects\TourCheckBox\src\Main.mxml(13): col: 3 Ошибка: в инициализаторе для 'j:initialView' введите org.apache.royale.jewel.Card не может быть назначен для целевого типа «org.apache.royale.core.IApplicationView». ‹j:Ширина карты=350› ^ Я знаю, что настройка еще не выполнена правильно. Прочтите исходный код проекта Tour de Jewel, но не знаете, как добавить тему Jewel. Пожалуйста, порекомендуйте. - person dennislee; 26.06.2019