Vue-component syntax error in IE

meteor-vue / vue-meteor

🌠 Vue first-class integration in Meteor

897 stars 112 forks source link

Vue-component syntax error in IE #306

Closed SnooHD closed 5 years ago

SnooHD commented 6 years ago

In IE11 i get the following syntax error: SCRIPT1002: Syntax error akryum_vue-component-dev-client.js (8214,1) The code that is on this location: class WebSocket extends EventEmitter Is this an issue with babel? I am using meteor 1.6.1 with @babel/runtime installed.

wildhart commented 5 years ago

Same here, on the same class WetbSocket... line. With Meteor 1.8.0.2 and @babel/runtime 7.1.2.

I don't get it when compiling with the --production flag though, only development.

GeoffreyBooth commented 5 years ago

vue-component-dev-client needs to be built with transpilation. This is the error in IE11:

from here:

IE11 doesn’t support the class keyword, so including WebSocket.js without transpilation will cause this error in IE11. The solution would be to have vue-component-dev-client be fully transpiled by Babel.

It would be nice to get this fixed, as it would be much easier to debug IE11 issues if vue-component could run in IE11 in development mode.