Which browsers support import and export syntax for ECMAScript 6?

javascript ecmascript-6 es6-module-loader browser-support es6-modules
Gregory R. picture Gregory R. · Nov 4, 2015 · Viewed 38.3k times · Source

I am currently writing a web application using the MEAN Stack, and am attempting to write code in ECMAScript 6 JavaScript; however, I am getting errors in both Chrome and Firefox when using import and export syntax. Are there currently any browsers that fully support ECMAScript 6?

Please note: I am not asking when ECMAScript 6 will be supported by browsers. I'm asking which browsers support ECMAScript 6 import and export syntax. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla#Features_not_yet_supported_by_Firefox

Answer

Ali picture Ali · May 20, 2017

It's supported in:

  • Safari 10.1
  • Chrome 61
  • Firefox 54 – behind the dom.moduleScripts.enabled setting in about:config.
  • Edge 16

Related questions

ES6: import module from URL

Is it possible to import javascript module from external url in ES6? I tried (using babel-node): import mymodule from 'http://...mysite.../myscript.js'; // Error: Cannot find module 'http://...mysite.../myscript.js'

Read More
How do I extend another VueJS component in a single-file component? (ES6 vue-loader)

I am using vue-loader (http://vuejs.github.io/vue-loader/start/spec.html) to construct my *.vue single-file components, but I am having trouble with the process from extending a single-file component from another. If one component follows the spec to …

Read More
export / import single class method using ES6 modules?

Let's say I have a simple class like this in fileA.js: class foo { constructor(x) { this.name = x } fooMethod(x) { return x + 'hello'; } } And I want to import and use fooMethod in fileB.js like this: import { fooMethod } from …

Read More