gpt4 book ai didi

Javascript ES6 模块不工作

转载 作者:行者123 更新时间:2023-11-30 11:28:09 25 4
gpt4 key购买 nike

我想不通。我有一个带有 index.html 的小型应用程序设置,其中包含一个 javascript 文件。在与该文件相同的目录中是另一个名为 myJsModule.js 的文件,其代码如下:

export default class{

doStuff()
{
console.log("calling goStuff() from external Module");
}
}

从 html 加载的主 javascript 文件然后以这种方式导入:

import myJsModule from "myJsModule";
// TESTING MODULES
let myNewModule = new myJsModule();
myNewModule.doStuff();

我有一个使用 Node 运行的本地 Web 服务器,所以我通过本地主机访问此 index.hmtl:http://127.0.0.1:8080 .

我收到以下错误:Uncaught SyntaxError: Unexpected identifier(指的是我的主 js 文件中的 myJsModule)。我还尝试使用 babel 将其转换为以前的 javascript。我在使用“require”时遇到了同样的问题。

我的本​​地服务器不应该解决这个问题吗?还是我用错了?

最佳答案

从 Chrome 61 开始,模块是 natively supported .我能够让您的示例使用以下 HTML 和 JavaScript。

index.html:

<!DOCTYPE html>
<html>
<head>
<title>Native Module</title>
</head>
<body>
<p>Hello, world!</p>
<script type="module">
import MyJsModule from './MyJsModule.js';
let myJsModule = new MyJsModule();
myJsModule.doStuff();
</script>
</body>
</html>

MyJsModule.js:

export default class MyJsModule {

doStuff() {
console.log("calling doStuff() from external Module");
}

}

关于Javascript ES6 模块不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47231689/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com