Webpack-应用在IE 11上为空白：SCRIPT1010：预期的标识符

如何解决Webpack-应用在IE 11上为空白：SCRIPT1010：预期的标识符

我正在将Webpack与Vuejs应用程序一起使用。

我无法在IE 11上加载我的应用。这是控制台的样子：

控制台状态为SCRIPT1010: Expected identifier

webpack.config.js

            {
                test: /\.(es6|js|mjs)$/,exclude: /node_modules/,use: {
                    loader: 'babel-loader',options: {
                        presets: ['@babel/preset-env']
                    }
                }
            },

.babelrc

{
    "presets": [
        [
            "@babel/preset-env",{
                "useBuiltIns": "usage","corejs": 3,"modules": false,"debug": true
            }
        ]
    ]
}

.browerslistrc

> 0.25%
not ie <= 10

main.js

import "core-js/stable";

解决方法

根据堆栈跟踪，您使用的“异步”库会引发错误。看看文档（https://caolan.github.io/async/v3/），它说：

异步可在任何ES2015环境（Node 6+和所有现代浏览器）中运行。如果要在较旧的环境（例如，Node 4，IE11）中使用异步，则必须进行转换。

由于来自async的{{1}}个cromes和您的Webpack加载器配置明确排除了它，因此node_modules不会被编译。为此，您可以像这样更改async规则：

exclude

但是，如果您有其他不兼容的库，则可能无法解决IE11的整体兼容性。您可以调整规则以添加所需数量的软件包，如下所示：

exclude: /node_modules\/(?!async)/,