title: IE11 with Vue-Cli project: Script1002: Syntax Error
body: <p>My app works great in Chrome/Firefox/Edge, but IE11 giving me some issues. When testing the app on my localhost, I get the following error in IE11 in console:</p>
  
  <pre><code>SCRIPT1002: Syntax error
  app.js (49143, 1)
  </code></pre>
  
  <p>When I click the above code, it jumps to this part of my code as the possible error area:</p>
  
  <pre><code>"use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Config; });
  class Config { &lt;---this is line 49143
  
      constructor() {
      this.config = {}
          for(var i = 0; i &lt; arguments.length; i++) {
        Object.assign(this.config, arguments[i])
          }
      }
  </code></pre>
  
  <p>I'm guessing IE11 is having trouble with ES6 or something. Is my project not configured correctly for IE11? </p>
  
  <blockquote>
    <p>My package.json:</p>
  </blockquote>
  
  <pre><code>{
    "name": "test",
    "version": "0.1.0",
    "private": true,
    "scripts": {
      "serve": "vue-cli-service serve",
      "build": "vue-cli-service build --report --modern",
      "lint": "vue-cli-service lint"
    },
    "dependencies": {
      "@fortawesome/fontawesome-svg-core": "^1.2.18",
      "@fortawesome/free-solid-svg-icons": "^5.8.2",
      "@fortawesome/vue-fontawesome": "^0.1.6",
      "animate.css": "^3.7.0",
      "axios": "^0.18.0",
      "bootstrap": "^4.2.1",
      "bootstrap-vue": "^2.0.0-rc.20",
      "jquery": "^3.4.1",
      "jso": "^4.1.1",
      "vue": "^2.6.10",
      "vue-matomo": "^0.6.0",
      "vue-popperjs": "^1.6.1",
      "vue-router": "^3.0.6"
    },
    "devDependencies": {
      "@vue/cli-plugin-babel": "^3.7.0",
      "@vue/cli-plugin-eslint": "^3.7.0",
      "@vue/cli-service": "^3.7.0",
      "@vue/eslint-config-prettier": "^4.0.1",
      "babel-eslint": "^10.0.1",
      "eslint": "^5.16.0",
      "eslint-plugin-vue": "^5.2.2",
      "node-sass": "^4.12.0",
      "sass-loader": "^7.1.0",
      "vue-template-compiler": "^2.6.10"
    }
  }
  </code></pre>
  
  <blockquote>
    <p>Babel.config.js</p>
  </blockquote>
  
  <pre><code>module.exports = {
    presets: ['@vue/app']
  }
  </code></pre>
  
  <blockquote>
    <p>.browserslistrc</p>
  </blockquote>
  
  <pre><code>&gt; 1%
  last 2 versions
  not ie &lt;= 8
  </code></pre>
  
  <p>Thanks for any tips you can provide!</p>
  
  <p><strong>Update:</strong> Possibly babel-transpiler issue?</p>
  
  <p>Here is my demo code. As you can see, doens't work in IE11:
  <strong><a href="https://codesandbox.io/embed/bootstrapvue-table-assigness-and-checkbox-final-h5vst" rel="nofollow noreferrer">https://codesandbox.io/embed/bootstrapvue-table-assigness-and-checkbox-final-h5vst</a></strong></p>