无法在我的 HTML 页面中添加 type= "module"脚本

Question

在本教程之后，我将自定义下载的字体转换为Javascript文件。现在我正试图将它包含在我的HTML页面中，这样我就可以使用字体，比如：

<script type="module" src="/ZillaSlab-Medium-normal.js"></script>
<script type="module" charset="utf-8">
// here is my code...
</script>

但是在执行HTML脚本时，我不断地得到这个错误：

未捕获类型错误：未能解析模块说明符"jspdf"；。相对引用必须以"或"开头/&"&"/&"；，或"/&"；。

如何修复此问题？

编辑：我正在使用最新的jsPDF库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script> 

Answer 1

从您使用的服务生成的文件以开头

import { jsPDF } from "jspdf"

这是使用Node.js风格的模块解析，而web浏览器不支持这种解析。

要使用它，您需要使用一个工具链来构建代码，该工具链包括一个bundler(如Webpack或Parcel(，该bundler实现Node.js风格的模块解析并输出适合在浏览器中运行的js包。