Laravel全球js ReferenceError

时间:2019-06-27 13:00:43

标签: javascript laravel

我尝试在app.js中全局收集一些js函数。我的app.js看起来像这样

// Import global dependencies
import './bootstrap';
import './argon';

export default class App {
    test() {
        console.log('test');
    }
}

jQuery(() => {
    window.App = new App();
});

在刀片视图中,我尝试以这种方式调用测试函数:

$(function () {
     App.test();
});

结果是我收到错误消息ReferenceError: App is not defined。问题出在哪里?

1 个答案:

答案 0 :(得分:2)

无需导出未导入任何对象的对象。您的app.js中的jQuery代码也是不必要的,无需在创建window.App对象之前等待dom加载。

import './bootstrap';
import './argon';

class App {
    test() {
        console.log('test');
    }
}

window.App = new App();