如何在 Chrome/Firefox 中的 ES6 中导出变量？ [复制]

Question

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

index.js：

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

helper.js：

export var bla = 20;

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

未捕获的语法错误：意外的保留字

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

从 './helper' 导入 { bla };

我也尝试遵循变体 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。

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