Настройка Royale в коде Visual Studio - PullRequest
Новая
       36

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

0 голосов
/ 25 июня 2019

Проект 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 пустой экран scrren в 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.

1 Ответ

0 голосов
/ 25 июня 2019

некоторые вещи, которые я вижу непосредственно в коде, вы используете 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 , чтобы сравнить свои данные с тем, чтобы увидеть, что вы еще не правильно настроили.

...