导出要在父文件中使用的类

时间:2018-06-13 12:20:11

标签: webpack

所以我在Errors.js

中有一个简单的错误类
export default class Errors
{
    constructor() {
        this.errors = {};
    }

    has(field) {
        return this.errors.hasOwnProperty(field);
    }

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

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

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

    clear(field) {
        delete this.errors[field];
    }
}

在我的app.js中,我试图调用Errors类来使用它的函数,如下所示:

import Errors from './errors.js';

当我尝试使用错误和控制台记录以下内容时:

console.log(Errors)
console.log(Errors.record({'name': 'test'}))

我得到以下内容:

https://i.imgur.com/Lky7EuN.png

如何访问app.js中的Errors类以及我在app.js文件中包含的所有文件?

1 个答案:

答案 0 :(得分:0)

javascript中的类遵循类在其他语言(如java。)上工作的方式。

尝试访问Error.record告诉引擎访问Error类中的静态方法。那是你想做的吗?我不这么认为。

按照与其他语言相同的方式运行。

import Errors from './errors.js';
const Error = new Errors();
console.log(Error.record({}));