Question

我已经创建了一个vue设置，我在其中导入了一个自定义的Errors.js类，该类将在我的Form类中实例化。但是在加载页面时出现错误：

main.js：110 Uncaught TypeError： __WEBPACK_IMPORTED_MODULE_2__helpers_Errors_js ___ default.a不是构造函数

我不明白：当构造函数方法在Errors类中可用时，为什么不是构造函数？

import Errors from './helpers/Errors.js';

// IMPORT ADDONS
import VueEvents from 'vue-events';

window.Vue = Vue;
Vue.use(VueEvents)


class Form {
    constructor(data) {
        this.originalData = data;

        for (let field in data) {
            this[field] = data[field];
        }

        this.errors = new Errors();
    }
...

ERRORS.js

class Errors {
    constructor() {
        this.errors = {};
    }

    any() {
        return Object.keys(this.errors).length > 0;
    }

    get(field) {
        if(this.errors[field]) {
            return this.errors[field][0];
        }
    }

    record(errors) {
        this.errors = errors;
    }

    clear(field) {
        if(field) {
            this.errors[field];

            return;
        }
        this.errors = {};
    }
}

最重要的是，我收到了一个错误：Uncaught TypeError: Cannot read property 'props' of undefined

我认为这与我的外部类的属性有关？但为什么呢？

VueJS Javascript构造函数

0 个答案: