将 mediasoup-client 更新到 v3.6.46 及以上版本后构建时出错

Question

我使用的是mediasoup-client 3.6.16并已更新到最新版本3.6.57。更新后我无法构建。使用 webpack ( v2.4.1 ) 构建。

依赖项：

• 节点：v16.13.2
• 国家公共管理：8.1.2
• 反应：16.8.4
• React-Dom：16.8.4
• 网络包：2.4.1
• 巴别尔核心：6.2.1
• 巴别塔装载机：6.2.0
• 巴贝尔预设-es2015：6.1.18
• 巴别尔预设反应”：6.1.18
• babel-polyfill：6.26.0

出现此错误：

ERROR in ./~/mediasoup-client/lib/handlers/Chrome74.js
Module parse failed: /home/notabot/Downloads/broadcasting_project/node_modules/mediasoup-client/lib/handlers/Chrome74.js Unexpected token (132:12)
You may need an appropriate loader to handle this file type.
|             rtcpMuxPolicy: 'require',
|             sdpSemantics: 'unified-plan',
|             ...additionalSettings
|         }, proprietaryConstraints);
|         // Handle RTCPeerConnection connection status.
 @ ./~/mediasoup-client/lib/Device.js 34:19-49
 @ ./~/mediasoup-client/lib/index.js
 @ ./src/components/page/assistant/assistant-main.js
 @ ./src/components/page/teacher/app.js
 @ ./src/index.js
 @ multi ./src/index.js babel-polyfill

更新mediasoup-client 的需要是使用profile-level-id功能 ，因此更新到最新版本，但是，一旦我更新到 v3.6.57 并且没有对代码进行任何更改，并尝试构建它失败。

然后尝试回溯，发现版本v3.6.45之后我无法创建构建。

只是想知道我做错了什么导致我在创建构建时出现问题以及如何纠正它？

补充信息：

导入格式：import { Device } from "mediasoup-client"

webpack.config.js：

const webpack = require("webpack");
module.exports = {
  entry: [
    './src/index.js',
    'babel-polyfill'
  ],
  output: {
    path: __dirname,
    publicPath: './',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-1']
        }
      },
      { test: /\.css$/, loader: "style-loader!css-loader" }
    ]
  },
  resolve: {
    extensions: ['.js', '.jsx']
  },
  devServer: {
    inline: false,
    historyApiFallback: true,
    contentBase: './'
  },
  node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    // new webpack.optimize.UglifyJsPlugin()
 ]
};