用于Javascript的网页包加载程序'；s的新语法

我是新的网页包。直到现在，我才开始编译。但现在我有以下错误：

./js/logger.js 2:42模块解析失败时出错：意外令牌 （2:42）您可能需要适当的加载程序来处理此文件类型， 目前没有配置加载程序来处理此文件。看见

代码如下：

class Logger {
    static __staticConstructorDummyResult = (function () {
        Logger.__loggableClasses = [];
    })()
}

export { Logger };

这不是我第一次被迫更改我的JS代码，这样Webpack就不会抱怨了。但我认为，当你有机会使用某种“装载机”时，这不是通常的处理方法

所以Webpack似乎无法理解这个JS语法（我说的对吗？），它建议安装一些加载程序，这样就可以了。问题是我找不到适合这个的。我想知道这是否是正常的事情，因为这种语法已经存在了

这是我的webpack.config.js：

var path = require('path');

module.exports = {
    mode: 'development',
    context: path.join(__dirname, 'wwwroot'),
    entry: {
        logger: './js/logger.js'
    },
    output: {
        path: path.join(__dirname, 'wwwroot/bundles/js'),
        filename: '[name].bundle.js'
    }
};

有人知道我如何处理这些问题吗

提前感谢。

根据-公共静态场目前是一个实验性特征（第3阶段）

浏览器中的支持是有限的，但该功能可以通过构建步骤与巴贝尔等系统一起使用。请参阅下面的compat信息

对的引用已经给出了如何解决Web包编译问题

您必须将Babel、用于Webpack的Babel Loader和用于此实验功能的Babel插件添加到您的开发堆栈中：

npm安装--保存dev babel loader@babel/core@babel/preset env@babel/plugin提案类属性

或用纱线：

纱线添加-D babel loader@babel/core@babel/preset env@babel/plugin提案类属性

并修改

webpack.config.js

：

module.exports={
模式:"发展",，
上下文：path.join（uu dirname，'wwwroot'），
条目：{
记录器：'./js/logger.js'，
},
输出：{
path:path.join（uu dirname，'wwwroot/bundles/js'），
文件名：'[name].bundle.js'，
},
模块：{
规则：[
{
测试：/\.m？js$/,，
排除：/node_模块/，
使用：{
加载器：“巴别塔加载器”，
选项：{
预设：['@babel/preset env']，
插件：['@babel/插件建议类属性']，
},
},
},
],
},
};

您需要一个

合适的加载程序来处理此文件类型

。当你不知道怎么做的时候，用一种最小的可复制的方式发布有问题的代码。Hi@madflow。我想是的。它是“Logger”类，其代码只有这段代码。您发布的是一个没有任何网页配置的网页问题。所以你不以任何方式配置网页包？哦，我明白了。对不起，我听不懂你的话。正如我所说，我对Webpack很陌生，所以你是对的，配置对于这个问题很重要。让我编辑一下。谢谢。@madflow我刚刚添加了信息。如果还需要什么，请告诉我。谢谢神奇的@madflow，现在它可以顺利传输了。它甚至编译了我遇到麻烦的其他代码。这就是所需的插件。注释。谢谢你的帮助！