如何将我制作的模块导入到我的 JS 代码（即 HTML 中的脚本）中？

问题描述 投票：0回答：1

我想导入我制作的模块

好吧，我做了一个简单的小东西来测试它，除了确认它是否有效之外，它实际上没有做任何事情......但它没有。

这是我的“模块”（testmodule.js）：

export class Test {
    static printTest() {
        console.log("it works");
    }
}

我在 HTML 文件中添加了一行，将其作为模块导入

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <script type="module" src="testmodule.js"></script>
        <script src="script.js"></script>
    </body>
</html>

然后我尝试在我的 js (script.js) 中使用该函数：

Test.printTest();

这给了我错误：Uncaught ReferenceError：测试未定义 http://0.0.0.0:8000/script.js:1

所以我尝试将其导入我的脚本中。更新了 script.js：

import Test from "moduletest";
Test.printTest();

这给了我错误：未捕获的语法错误：导入声明可能只出现在模块的顶层 我还尝试以不同的方式编写导入命令，我不记得那是什么，但它给了我同样的错误

javascript html importerror
1个回答
0
投票

你需要设置一些东西，首先是你的html文件中的导入映射，一般你最好希望它在标题中

<script type='importmap'> { "imports": { "KeyWord": "./path/to/what/you/need/to/import" } } </script>

然后使用该关键字导入您的 html 脚本模块以及该模块指向的文件

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.