blocky - свойство undefined

Я пытаюсь создать пользовательский блок в blockly но не могу заставить его работать. Я сгенерировал код из фабрики блоков, и вот что я получил:

//say_input.js

Blockly.Blocks['say_input'] = {
  init: function() {
    this.appendDummyInput()
        .appendField("say")
        .appendField(new Blockly.FieldTextInput("something"), "say_input");
    this.setColour(230);
 this.setTooltip("");
 this.setHelpUrl("");
  }
};

Blockly.JavaScript['say_input'] = function(block) {
  var text_say_input = block.getFieldValue('say_input');
  // TODO: Assemble JavaScript into code variable.
  // var code = 'alert("Hello! I am an alert box and'+text_say_input+'!");';
  var code = '...;\n';
  return code;
};

затем я импортирую его в мой HTML:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Blockly Demo: Fixed Blockly</title>
    <script src="js/blockly_compressed.js"></script>
    <script src="js/blocks_compressed.js"></script>
    <script src="js/msg/js/en.js"></script>

    <script src="js/blocks/say_input.js"></script>
    <style>
        body {
            background-color: #fff;
            font-family: sans-serif;
        }

        h1 {
            font-weight: normal;
            font-size: 140%;
        }
    </style>
</head>

<body>
    <button onclick="runCode()">Click me</button>
    <div id="blocklyDiv" style="height: 480px; width: 600px;"></div>

    <xml id="toolbox" style="display: none;">
        <block type="say_input">
            <field name="say_input">something</field>
        </block>
    </xml>

    <script>
        var demoWorkspace = Blockly.inject('blocklyDiv', {
            media: 'js/media/',
            toolbox: document.getElementById('toolbox')
        });

        function runCode(){
            window.LoopTrap = 1000;
            Blockly.JavaScript.INFINITE_LOOP_TRAP = 
            'if(--window.LoopTrap == 0) throw "Infinite loop."\n';
            var code = Blockly.JavaScript.workspaceToCode(workspace);
            Blockly.JavaScript.INFINITE_LOOP_TRAP = null;
            try {
                eval(code);
            } catch (e) {
                alert(e);
            }
        }
    </script>

</body>

</html>

и загрузите его в браузер. я сразу получил эту ошибку:

Невозможно установить свойство 'say_input' из неопределенного

Ошибка в строке:

Blockly.JavaScript['say_input'] = function(block) {

Мой пользовательский блок отображается на рабочем месте, поэтому я уверен, что ссылки работают.

Я проверил это видео и, похоже, я не делаю ничего плохого.

Как я могу решить это?

Источник

1 ответ

Решение

Я нашел решение. Я должен связать javascript_compressed.js тогда все просто работает.

<script src="js/javascript_compressed.js"></script>

не забудьте связать его до custom block.js,

Источник
Другие вопросы по тегам