如何在Chrome/Firefox中导出ES6中的变量

how export variable in ES6 in Chrome/Firefox?

本文关键字:变量 ES6 Firefox Chrome      更新时间:2023-09-26

在最新版本的Firefox和Chrome中,我尝试制作导出变量。

index.js:

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

helper.js:

export var bla = 20;

但Chrome控制台显示跟随错误消息:

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

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

从"导入{bla}/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);

但是错误消息保持不变。

这在Firefox和Chrome中不受支持。看见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Browser_compatibility.

你需要某种预处理程序或转译程序来完成这项工作。