“TypeError:无法设置属性.”关于Blockly
“TypeError:无法设置属性.”关于Blockly
提问于 2016-04-05 19:37:43
我开始在Blockly上进行编码，但是当我尝试创建新的块时，我遇到了一个问题。我所做的步骤：
- 下载
Blockly应用程序代码。 - 我将所有文件放在一个名为
Blockly的文件夹中。 - 我在该文件夹中创建了一个新的html文件，以查看工具箱是否正常工作。
- 我用块状工厂创建了两个新块。
- 我尝试用一个新的
customBlocks.js文件将这些新块添加到工具箱中。
当我尝试执行第四步时，问题就出现了，因为我已经添加了两个新块，但是它只显示在工具箱上，第一个块显示在js上，而不是第二个块，这与块的顺序无关，只是第二个块永远不会被正确显示。
这是我的html文件：
<!DOCTYPE html>
<html>
<head>
<script src="blockly_compressed.js"></script>
<script src="blocks_compressed.js"></script>
<script src="customBlocks.js"></script>
<script src="msg/js/en.js"></script>
</head>
<body>
<h1>This is a prove </h1>
<div id = "blocklyMove" style = "height: 100px; width: 100px; background-color: red;"></div>
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
<xml id="toolbox" style="display: none">
<block type="controls_if"></block>
<block type="controls_repeat_ext"></block>
<block type="logic_compare"></block>
<block type="math_number"></block>
<block type="math_arithmetic"></block>
<block type="text"></block>
<block type="text_print"></block>
<block type="move_right"></block>
<block type="blockObject"></block>
</xml>
<script>
var workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox')});
</script>
</body>
</html>这是我的customBlocks.js文件：
'use strict';
/* *********************** MOVES TO RIGHT *********************** */
Blockly.Blocks['move_right'] = {
init: function() {
this.appendValueInput("PIXELS")
.setCheck("Number")
.appendField("move to right");
this.setInputsInline(true);
this.setOutput(true, null);
this.setColour(120);
this.setTooltip('');
this.setHelpUrl('http://www.example.com/');
}
};
Blockly.JavaScript['move_right'] = function(block) {
var value_pixels = Blockly.JavaScript.valueToCode(block, 'PIXELS', Blockly.JavaScript.ORDER_ATOMIC);
// TODO: Assemble JavaScript into code variable.
var code = "$(document).ready(function(){ " +
"$(\"blocklyMove\").animate({ " +
"right: " + value_pixels + "px" +
"});" +
"});";
// TODO: Change ORDER_NONE to the correct strength.
return [code, Blockly.JavaScript.ORDER_NONE];
};
/* *********************** BLOCK *********************** */
Blockly.Blocks['blockObject'] = {
init: function() {
this.appendValueInput("MOVEMENT")
.setCheck(null)
.appendField("Block");
this.setColour(20);
this.setTooltip('');
this.setHelpUrl('http://www.example.com/');
}
};
Blockly.JavaScript['blockObject'] = function(block) {
var value_movement = Blockly.JavaScript.valueToCode(block, 'MOVEMENT', Blockly.JavaScript.ORDER_ATOMIC);
// TODO: Assemble JavaScript into code variable.
var code = '...;\n';
return code;
};我可以看到，它在Google Chrome的控制台上给了我以下错误：
未定义的TypeError:无法设置未定义的属性“move_right”
我被困在这里，我不知道是什么问题。任何帮助都将不胜感激。
P.S:不要关注这些块的逻辑，因为我还没有完成它们，但是我希望在完成逻辑之前，这两个块都会被正确地显示出来。
提前感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-06 10:47:18
最后，我找到了解决办法。在html文件上，我必须添加以下<script>标记来引用另一个js文件(javascript_compressed.js)，其中定义了Blockly.JavaScript：
<script src="javascript_compressed.js"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36435549
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号