没有为该元素定义Aurelia API:

时间:2018-09-12 12:25:26

标签: javascript typescript aurelia aurelia-binding

简介

所以我是第一次在Aurelia工作,并且从客户那里收到了一个项目。

据说一切都在1个月前工作了,但是现在我遇到了错误。

No Aurelia APIs are defined for the element: "O-SCHEMA-ACTION".

引起错误的行如下:

<o-schema-action show-as-popup.bind="false" repeat.for="a of actionGroup" 
item.bind="a" view-model.ref="this"></o-schema-action>

有人知道这是什么原因吗?

数组actionGroup.中有值

异常

aurelia-task-queue.js:56 Uncaught Error: No Aurelia APIs are defined for the element: "O-SCHEMA-ACTION".
    at getAU (aurelia-binding.js:5329)
    at Function.locateAPI (aurelia-binding.js:5356)
    at NameExpression.createBinding (aurelia-binding.js:5346)
    at applyInstructions (aurelia-templating.js:2467)
    at ViewFactory.create (aurelia-templating.js:2682)
    at BoundViewFactory.create (aurelia-templating.js:2562)
    at Repeat.addView (repeat.js:269)
    at ArrayRepeatStrategy._standardProcessInstanceChanged (array-repeat-strategy.js:111)
    at ArrayRepeatStrategy.instanceChanged (array-repeat-strategy.js:35)
    at Repeat.itemsChanged (repeat.js:160)

...

index.js:116 Uncaught Error: Uncaught Error: No Aurelia APIs are defined for the element: "O-SCHEMA-ACTION".
    at window.onerror (index.js:116)

HTML

<template>
    <c-page data-label.bind="action.groupLabel | humanize">
        <c-form>
            TESTING

            <o-form-schema action-controller.bind="actionController" root.bind="root" action.bind="action" filter-by="name !=='results'">

                <c-actions>
                    <li>
                        <button as-element="c-trigger" data-decorator="d-as-button t-error-dark-boxed" click.delegate="cancel()">CANCEL</button>
                    </li>

                    TODO: ISSUE HERE WITH BUTTONS
                    <o-schema-action show-as-popup.bind="false" repeat.for="a of actionGroup" item.bind="a" view-model.ref="this"></o-schema-action>

                </c-actions>

            </o-form-schema>

        </c-form>
    </c-page>
</template>

TypeScript / JS

export class Action {

     @bindable actionGroup = null;
   @bindable action = null;
        groupId = null;
        @bindable root = null;



    constructor() {}

    determineActivationStrategy() {
        return activationStrategy.invokeLifecycle;
        }

 cancel() {

    }

    activate(params, routeConfig) {
        this.groupId = params.id;
        Configuration.load().then(ret => {

            let clone = JSON.parse(JSON.stringify(ret));
            this.root = clone;
            this.actionGroup = this.buildGroup(clone.actions, this.groupId);
            this.action = this.actionGroup[0];
        });
    }

    buildGroup(actions, groupId) {
        let ret = actions.filter(a => CONDITION );
        ret.forEach(a => {
            // NOT RELEVANT TO SHOW THIS ( it works ) ... 
        });
        return ret;
    }


}

1 个答案:

答案 0 :(得分:0)

我刚刚注意到...

一个月前,我们有两个文件:

o-schema-action.js

AND

o-schema-action.html

这些文件似乎已被删除。