无法弄清楚如何在浏览器中使用JavaScript导入模块

19 浏览
0 Comments

无法弄清楚如何在浏览器中使用JavaScript导入模块

这是一个简单的问题。我试图从一个javascript文件中导入模块到另一个文件，并在Chrome上运行它。我使用了2个javascript文件和一个html文件，它们都在同一个文件夹中：

第一个javascript文件（testfile1.js）：

import {test} from 'testfile2.js';
test.func();

第二个javascript文件（testfile2.js）：

let f = function() {
  console.log("TEST");
}
let test = {
  func: f
};
export test;

html文件是一个普通的、空的html文件，其中头部有一个指向testfile1.js脚本的链接：

每当我在Chrome中打开html文件时，都会出现错误：

testfile1.js:1 Uncaught SyntaxError: Unexpected token {

当我在import语句中删除了大括号时，会出现意外的标识符语句。这不是在浏览器中导入模块的正确方式吗？为什么一点都不起作用？

0