Trying ES6 imports with Chrome but it doesn't seem to work

Question

I am contemplating moving from Dart to ES6 but Chrome doesn't seem to support the new import statement which is critical to me.

I used the (named export) code from this site: http://www.2ality.com/2014/09/es6-modules-final.html

I tried it even with

<module import="main"><module>

I get the error: "Unexpected token import"

Any information if they will support it before the final release ?

code:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>ES6</title> </head> <body bgcolor="blue"> <script type="module" src="main.js"></script> </body> </html>

main.js

import { square, diag } from 'lib'; console.log(square(11)); // 121 console.log(diag(4, 3)); // 5

lib.js:

export const sqrt = Math.sqrt; export function square(x) { return x * x; } export function diag(x, y) { return sqrt(square(x) + square(y)); }

Yeah, I noticed that... That's why my question is: Any information if they will support it before the final release ? — Ray Hulha
– Ray Hulha, Commented Feb 19, 2016 at 4:18
There is no "final release" of Chrome. There is just the next release, and then the one after that. Anyway, don't worry about native support in Chrome, just transpile your code like everyone else does. — user663031
– user663031, Commented Feb 21, 2016 at 16:54
Possible duplicate of ECMA 6 Not working although experimental js is enabled — Felix Kling
– Felix Kling, Commented Feb 21, 2016 at 17:11

Ray Hulha · Accepted Answer · 2017-07-26 12:05:59Z

13

It works now, finally in Chrome 60 with the Experimental Web Platform features enabled.

Here is a test:
https://github.com/paulirish/es-modules-todomvc

See here for status news:
https://www.chromestatus.com/features/5365692190687232

edited Jul 26, 2017 at 12:05

answered Feb 21, 2016 at 15:55

Ray Hulha

11.3k5 gold badges57 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

monsto Over a year ago

How do you go about setting "Experiment Web Platform" features as enabled?

Ray Hulha Over a year ago

In the Chrome browser, type in the web address chrome://flags/. This action results in a list of experimental browser features available to you.

backspaces · Accepted Answer · 2016-12-08 18:28:20Z

Safari Tech Review 19, via WebKit, now supports modules.

https://twitter.com/Constellation/status/806660783312543744

https://webkit.org/status/

Collectives™ on Stack Overflow

Trying ES6 imports with Chrome but it doesn't seem to work

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related