未捕获的SyntaxError：使用babel编译后，无法在模块外部使用import语句

Question

当前，我在laravel 5.8中编写一个聊天应用程序。当我使用babel运行yarn run prod产品时，出现错误：

Uncaught SyntaxError: Cannot use import statement outside a module

在我的webpack.mix.js中，我有以下代码行：

 mix.js('resources/assets/js/app.js', 'public/js').babel('public/js/app.js', 'public/js/app.js');

我的代码中的问题是我需要一个异步映射回调函数，因为我在其中执行了ajax调用。

Promise.all(Object.values(this.contacts).map(async (contact) => {
    await contact.links.user.resolve().then((User) => {
        this.users.push(User);
    });
    return this.users;
})).then(function(Users){ ... });

如果我在没有babel的情况下运行纱线运行产品，那么一切正常。

 mix.js('resources/assets/js/app.js', 'public/js');

我已经尝试更新babel，以使用其他babel插件，使用forEach而不是map