transpiled es5 and es6 in chrome
I'm using a platform that is written in ES6, but gets trainspiled into ES5 with map files. (unfortunately it needs to support IE11).
I'm adding to that platform my own code which it written in ES6 with classes that the platform need to instantiate.
When I'm using Chrome - it doesn't work.
I guess that since the platform code is transpiled to ES5 - it doesn't use the "new" command that is needed to instantiate the ES6 classes.
I know I can transpile my code into ES5, but that is something that I can do before delivery and I don't want to transpile every little code change I'm doing during the development process.
The weird thing is that in FireFox - the code seems to be working perfectly.
I'm not sure if it's working since FF transpile my code of is it because it "untranspile" the platform code using the map files.
Is there anything I can do to make this work in Chrome as well?
Is there some flag I can use that will automatically transpile my ES6 code or that will automatically "untranspile" the platform ES5 code using the map files?
is there any other solution?
Thanks!
google-chrome firefox ecmascript-6 ecmascript-5 asked Nov 13 '18 at 7:58
user1034092user1034092
274
add a comment |
I'm using a platform that is written in ES6, but gets trainspiled into ES5 with map files. (unfortunately it needs to support IE11).
I'm adding to that platform my own code which it written in ES6 with classes that the platform need to instantiate.
When I'm using Chrome - it doesn't work.
I guess that since the platform code is transpiled to ES5 - it doesn't use the "new" command that is needed to instantiate the ES6 classes.
I know I can transpile my code into ES5, but that is something that I can do before delivery and I don't want to transpile every little code change I'm doing during the development process.
The weird thing is that in FireFox - the code seems to be working perfectly.
I'm not sure if it's working since FF transpile my code of is it because it "untranspile" the platform code using the map files.
Is there anything I can do to make this work in Chrome as well?
Is there some flag I can use that will automatically transpile my ES6 code or that will automatically "untranspile" the platform ES5 code using the map files?
is there any other solution?
Thanks!
google-chrome firefox ecmascript-6 ecmascript-5 asked Nov 13 '18 at 7:58
user1034092user1034092
274
Maybe try loading the @babel/polyfill via a<script>tag if you're not doing so already.
– RobC
Nov 13 '18 at 15:23
add a comment |
I'm using a platform that is written in ES6, but gets trainspiled into ES5 with map files. (unfortunately it needs to support IE11).
I'm adding to that platform my own code which it written in ES6 with classes that the platform need to instantiate.
When I'm using Chrome - it doesn't work.
I guess that since the platform code is transpiled to ES5 - it doesn't use the "new" command that is needed to instantiate the ES6 classes.
I know I can transpile my code into ES5, but that is something that I can do before delivery and I don't want to transpile every little code change I'm doing during the development process.
The weird thing is that in FireFox - the code seems to be working perfectly.
I'm not sure if it's working since FF transpile my code of is it because it "untranspile" the platform code using the map files.
Is there anything I can do to make this work in Chrome as well?
Is there some flag I can use that will automatically transpile my ES6 code or that will automatically "untranspile" the platform ES5 code using the map files?
is there any other solution?
Thanks!
google-chrome firefox ecmascript-6 ecmascript-5 asked Nov 13 '18 at 7:58
user1034092user1034092
274
I'm using a platform that is written in ES6, but gets trainspiled into ES5 with map files. (unfortunately it needs to support IE11).
I'm adding to that platform my own code which it written in ES6 with classes that the platform need to instantiate.
When I'm using Chrome - it doesn't work.
I guess that since the platform code is transpiled to ES5 - it doesn't use the "new" command that is needed to instantiate the ES6 classes.
I know I can transpile my code into ES5, but that is something that I can do before delivery and I don't want to transpile every little code change I'm doing during the development process.
The weird thing is that in FireFox - the code seems to be working perfectly.
I'm not sure if it's working since FF transpile my code of is it because it "untranspile" the platform code using the map files.
Is there anything I can do to make this work in Chrome as well?
Is there some flag I can use that will automatically transpile my ES6 code or that will automatically "untranspile" the platform ES5 code using the map files?
is there any other solution?
Thanks!
google-chrome firefox ecmascript-6 ecmascript-5 google-chrome firefox ecmascript-6 ecmascript-5 asked Nov 13 '18 at 7:58
user1034092user1034092
274
asked Nov 13 '18 at 7:58
user1034092user1034092
274
asked Nov 13 '18 at 7:58
user1034092user1034092
274
asked Nov 13 '18 at 7:58
user1034092user1034092
274
asked Nov 13 '18 at 7:58
user1034092user1034092
274
274
Maybe try loading the @babel/polyfill via a<script>tag if you're not doing so already.
– RobC
Nov 13 '18 at 15:23
add a comment |
Maybe try loading the @babel/polyfill via a<script>tag if you're not doing so already.
– RobC
Nov 13 '18 at 15:23
Maybe try loading the @babel/polyfill via a
<script> tag if you're not doing so already.– RobC
Nov 13 '18 at 15:23
Maybe try loading the @babel/polyfill via a
<script> tag if you're not doing so already.– RobC
Nov 13 '18 at 15:23
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53276313%2ftranspiled-es5-and-es6-in-chrome%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53276313%2ftranspiled-es5-and-es6-in-chrome%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Maybe try loading the @babel/polyfill via a
<script>tag if you're not doing so already.– RobC
Nov 13 '18 at 15:23