Edge, IE issue SCRIPT1028: Expected identifier, string or number.

we are using babel preset env to compile, however the vue-mapbox issue of the spread operator is causing issues with edge and ie 11.

this file: /node_modules/vue-mapbox/src/lib/withEvents.js

export default {
  methods: {
    /**
     * Emit Vue event with additional data
     *
     * @param {string} name EventName
     * @param {Object} [data={}] Additional data
     */
    $_emitEvent(name, data = {}) {
      this.$emit(name, {
        map: this.map,
        component: this,
        ...data
      });
    },

    /**
     * Emit Vue event with Mapbox event as additional data
     *
     * @param {Object} event
     */
    $_emitMapEvent(event, data = {}) {
      this.$_emitEvent(event.type, { mapboxEvent: event, ...data });
    }
  }
};

compiled reference {map:this.map,component:this,…e} is where the first issue is.

[audetcameron]

this issue was solved with

        {
          test: /\.m?js$/,
          exclude: /node_modules\/(?!(vue-mapbox)\/).*/,   //this fixed it,  
          use: [
            {
              loader: 'babel-loader',
              options: {
                presets: [
                  ['@babel/preset-env', {
                    debug: true,
                    useBuiltIns: 'usage'
                  }],
                ],
                plugins: [
                   '@babel/plugin-proposal-object-rest-spread',
                   '@babel/plugin-transform-spread'
                ]
              }
            }
          ]
        },

[Hawxy]

Assuming you have @vue/cli-plugin-babel installed and your settings defined in babel.config.js, all you need to do is add transpileDependencies: ['vue-mapbox'] to your vue.config.js. You should practically never need to do manual configuration of webpack loaders in modern versions of Vue.