javascript - 如何在 Chrome/Firefox 中导出 ES6 变量？

Question

这个问题已经有答案了:

ECMAScript 6 not working although experimental JS is enabled (3 个回答)

已关闭 7 年前。

在最新版本的 Firefox 和 Chrome 中，我尝试使用导出变量。

index.js:

'use strict'
import { bla } from './helper';
console.log(bla);

helper.js:

export var bla = 20;

但 Chrome 控制台显示以下错误消息:

Uncaught SyntaxError: Unexpected reserved word

firefox控制台显示以下错误消息:语法错误:模块尚未实现

import { bla } from './helper'; <--

我也尝试遵循变体index.js:

'use strict'
import { bla } from './helper.js';
console.log(bla);

我也尝试遵循变体index.js:

'use strict'
import { bla } from 'helper.js';
console.log(bla);

但错误消息保持不变。

Answer 1

Firefox 和 Chrome 不支持此功能。请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Browser_compatibility .

您需要某种预处理器或转译器才能完成这项工作。