块状 - 属性未定义

Question

我正在尝试在 blockly 中创建自定义块，但似乎无法正常工作。我从 block factory 生成了代码，这就是我得到的：

//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>

并将其加载到浏览器。我立即收到此错误：

Cannot set property 'say_input' of undefined

错误在行：

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

我的自定义块出现在工作区中，因此我确定链接有效。

我检查了 this video 似乎我没有做错任何事。

我该如何解决？

Answer 1

我找到了解决方案。我必须 link javascript_compressed.js 然后一切正常。

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

确保在 custom block.js 之前 link 它。

块状 - 属性 未定义

blocky - property of undefined

javascript

blockly

块状 - 属性未定义