0

我正在尝试在其中创建一个自定义块，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) {

我的自定义块出现在工作场所，所以我确信链接正常。

我检查了这个视频，似乎我没有做错任何事。

我该如何解决这个问题？

4

1 回答 1

1

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

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

确保在custom block.js.

于 2018-01-24T02:24:18.927 回答