IE11: SCRIPT1003: Expected ':' about vuejs-datatable

[SerGioPicconti]

Try import without vendor folder:

import DatatableFactory from 'vuejs-datatable/dist/vuejs-datatable.esm.js';
Vue.use(DatatableFactory);

[pstephan1187]

Are you importing Vue?

import Vue from 'vue'
import DatatableFactory from 'vuejs-datatable'

[keithbrinks]

Yes -- Vue is one of the first things I import in my main JS file:

import '@babel/polyfill';
import Vue from 'vue'
...
<other packages>
...
import DatatableFactory from 'vuejs-datatable'

Further down, I'm then making Vue a global variable:

window.Vue = Vue

Then further down yet is when I have this:

Vue.use(DatatableFactory)

I am importing/using other packages the same way as Datatable (such as Vuex) without any issues.

[GerkinDev]

Hey there!
Well, IE11 is a bulky piece of garbage, nothing new by saying that. To answer your question, your error is due to the shorthand method definition feature available partially since ES5.1, and fully in ES6. IE11 does not support ES6, but vuejs-datatable is using that version of the specification.
To resolve your problem, you should transcript your output for a more backward-compatible version of the spec. The most well-known tool for this is Babel. You can find plenty of resources to see how to set it up with webpack on the web.

Keep me updated ;) cheers!

---

Footnote: Really you do NOT need to use global Vue. And you should not either. If this is not working without a global, then your problem is somewhere else. It's not because it works that it is good.

[GerkinDev]

Hey there, wassup about your problem ? Have you found a way to transcript your code to ES5 ? Did that worked correctly ?

[GerkinDev]

Closing the issue because of inactivity.

[GerkinDev]

BTW, duplicate of #57