Question

我正在Node-RED中创建一个Discord节点，并希望为节点提供有关它将订阅哪些Discord事件的选项。我目前正在尝试使用MaterializeCSS库（https://materializecss.com/chips.html）中的Chips。

按照Materialize页面上的示例，这是我当前的属性类型：

<script type="text/javascript">
    RED.nodes.registerType('discordEvents', {
        category: 'config',
        defaults: {
            name: {value:"", required: true},
            events: {value:"", required: true},
        },
        exportable: false,
        label: function() {
            return this.name;
        }
    });
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script type="application/javascript">
    $('.chips-autocomplete').chips({
        autocompleteOptions: {
            data: {
                'message':null,
                'ready':null
            },
            limit: Infinity,
            minLength: 1
        }
    });
</script>
<script type="text/x-red" data-template-name="discordEvents">
    <div class="form-row">
        <label for="node-config-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-config-input-name">
    </div>
    <div class="form-row">
        <label for="node-config-input-events"><i class="icon-tag"></i> Events</label>
        <div class="chips chips-autocomplete" id="node-config-input-events></div>
    </div>
</script>

问题是当我将库加载到脚本中时，Node-RED编辑器消失了，并且如果我检查控制台，则会看到错误“ [[node-red / discordEvents] TypeError：$（...）。筹码不是功能”

Answer 1

您不能在节点的html文件中添加脚本标记。您需要将它们动态加载为节点oneditprepare函数的一部分。

您可以查看node-red-node-geofence节点作为示例。

这使用jquery $.getScript()函数来加载脚本。

如何在Node-RED中将芯片/标签添加到节点的属性

1 个答案: