Edge compatibility

I just have this import in my project and doesn’t work in Edge, but in Chrome and Firefox works fine.

import { MglMap } from "vue-mapbox";

The console of the browser show me this error:

[cberthiaume]

I’m having the same issue as @ricardoSANICK and @WvanDam. Unfortunately, adding the transpileDependencies to vue.config.js isn’t working for me. I still get the same errors.

vue.config.js:

var webpack = require('webpack');

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        mapboxgl: 'mapbox-gl',
      }),
    ],
    optimization: {
      splitChunks: {
        chunks: 'all',
      },
    },
  },
  transpileDependencies: [
    'vue-mapbox',
  ],
};

.babel.config.js

module.exports = {
  presets: [
    '@vue/app',
  ],
};

.browserslistrc

> 1%
last 2 versions
not ie <= 8

@WvanDam, any idea of something I might have missed?

EDIT: I restarted Edge and now it seems to work. ¯_(ツ)_/¯

[WvanDam]

Experiencing same issue as @ricardoSANICK. It’s the spread operators. Removing those in the listed file causes the same error relating to another file in this package, which also has a spread operator.

Edit: The solution was to add this to vue.config.js

transpileDependencies: [
    'vue-mapbox'
  ],