javascript - Laravel 全局 js 引用错误

Question

我尝试在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();
});

在我的 Blade View 中，我尝试以这种方式调用测试函数:

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

结果我收到错误消息ReferenceError:应用程序未定义。问题出在哪里？

Answer 1

无需导出未在任何地方导入的对象。 app.js 中的 jQuery 代码也是不必要的，无需等待 dom 加载即可创建 window.App 对象。

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

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

window.App = new App();