javascript - 未捕获的类型错误 : data. 有些不是函数

Question

我试图找出我在 Magento 电子商务扩展中收到的 JS 错误，我为此付出了很多钱，但他们一直缺乏解决此问题的支持。错误会导致页面加载时发生厄运，这种情况永远不会消失。

以下是我在开发者控制台中收到的错误:

Uncaught TypeError: data.some is not a function
at findFirst (select.js:67)
at UiClass.normalizeData (select.js:193)
at UiClass.normalizeData (wrapper.js:109)
at UiClass.getInitialValue (abstract.js:200)
at UiClass.setInitialValue (abstract.js:143)
at UiClass._super (wrapper.js:106)
at UiClass.setInitialValue (select.js:302)
at UiClass.setInitialValue (wrapper.js:109)
at UiClass.initialize (abstract.js:70)
at UiClass.initialize (wrapper.js:109)

这是 select.js 第 67 行的代码部分 data.some(function (node) { 错误是引用:

/**
 * Recursively loops over data to find non-undefined, non-array value
 *
 * @param  {Array} data
 * @return {*} - first non-undefined value in array
 */
function findFirst(data) {
    var value;

    data.some(function (node) {
        value = node.value;

        if (Array.isArray(value)) {
            value = findFirst(value);
        }

        return !_.isUndefined(value);
    });

    return value;
}

我希望这只是某种拼写错误，我可以自行解决？

在此先感谢您的帮助。

附言我是编码新手。

Answer 1

我在使用 UI 组件(特别是 Select 组件)创建表单时遇到了这个问题。我遗漏了 caption 元素，所以如果有人遇到这个问题，他们可能会遗漏一个元素。

<form>
...
<fieldset>
    ...
    <field name="select_example" formElement="select">
        <settings>
            <dataType>text</dataType>
            <label translate="true">Select Example</label>
            <dataScope>select_example</dataScope>
        </settings>
        <formElements>
            <select>
                <settings>
                    <options>
                        <option name="1" xsi:type="array">
                            <item name="value" xsi:type="string">1</item>
                            <item name="label" xsi:type="string">Option #1</item>
                        </option>
                        <option name="2" xsi:type="array">
                            <item name="value" xsi:type="string">2</item>
                            <item name="label" xsi:type="string">Option #2</item>
                        </option>
                        <option name="3" xsi:type="array">
                            <item name="value" xsi:type="string">3</item>
                            <item name="label" xsi:type="string">Option #3</item>
                        </option>
                    </options>
                    <caption translate="true">-- Please Select --</caption>
                </settings>
            </select>
        </formElements>
    </field>