Javascript 模块错误语法错误：不能在模块外使用导入语句

Question

我正在尝试测试简单的export和import示例。

//file   a.js

export const a = 2

//file   b.js

import {a} from './a.js'


console.log(a);

但它显示错误

从 './a.js' 导入 {a}

^^^^^^

语法错误：不能在模块外使用导入语句

我使用 vscode 来测试这个。

a.js 和 b.js 在同一个文件夹中。

我不知道这个。

Answer 1

如果您使用浏览器，请尝试@karma Blackshaw 的回答。 如果您使用节点添加"type": "module"到您的 package.json 。 或者您可以将 .js 文件的扩展名更改为 .mjs 并使用--experimental modules标志运行

a.mjs

//file   a.mjs

export const a = 2

b.mjs：

import {a} from './a.mjs'


console.log(a);

并使用：

node --experimental-modules b.mjs

阅读文档

Answer 2

我通过执行以下操作解决了这个问题：

从浏览器使用 ES6 模块时，在文件和脚本标签中使用 .js 扩展名添加type = "module"