小编16j*_*obj的帖子

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

这是一个简单的问题。我正在尝试将模块从一个 javascript 文件导入到另一个文件,然后在 Chrome 上运行它。我正在使用 2 个 javascript 文件和一个 html 文件,它们都在同一个文件夹中:

第一个js文件(testfile1.js):

import {test} from 'testfile2.js';

test.func();
Run Code Online (Sandbox Code Playgroud)

第二个js文件(testfile2.js):

let f = function() {
  console.log("TEST");
}

let test = {
  func: f
};

export test;
Run Code Online (Sandbox Code Playgroud)

html 文件是简单的空 html 文件,在标题中带有指向 testfile1.js 脚本的链接:

<script type="text/javascript" src="testfile1.js"></script>
Run Code Online (Sandbox Code Playgroud)

每当我在 chrome 中打开 html 文件时,都会出现错误:

testfile1.js:1 Uncaught SyntaxError: Unexpected token {
Run Code Online (Sandbox Code Playgroud)

当我删除 import 语句中的括号时,我得到了一个意外的标识符语句。这不是在浏览器中导入模块的正确方法吗?为什么它根本不起作用?

javascript module es6-modules

14
推荐指数
1
解决办法
7506
查看次数

标签 统计

es6-modules ×1

javascript ×1

module ×1