将浏览器中的手柄用作ES6模块
将浏览器中的手柄用作ES6模块
提问于 2020-10-23 17:47:26
我试图在浏览器中使用扶手(客户端脚本)。我正在导入一个js模块templating.js (见下文)，并希望将工具栏库作为一个ES6模块导入，但找不到任何文档。
在下面的示例中，我将以下js库的内容提升为handlebars.js
https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.6/handlebars.js
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Templating</title>
<meta name="description" content="example showing how to template content">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="templating.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.6/handlebars.min.js" integrity="sha512-zT3zHcFYbQwjHdKjCu6OMmETx8fJA9S7E6W7kBeFxultf75OPTYUJigEKX58qgyQMi1m1EgenfjMXlRZG8BXaw==" crossorigin="anonymous"></script>
<script type="module" src="templating.js"></script>
</head>
<body>
<header>
<h1>Templating</h1>
</header>
<main>
</main>
</body>
</html>/* templating.js */
import { Handlebars } from './handlebars.js' // v4.7.6
document.addEventListener('DOMContentLoaded', event => {
console.log('DOMContentLoaded')
})我得到了错误: requested模块'./handlebars.js‘不提供名为’节‘的导出
有没有人知道：
- 使用什么工具栏库？
- 如何将它导入到我的脚本中？
任何帮助都很感激..。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-23 18:15:51
通过脚本标签加载车把会将其公开为UMD (通用模块定义)。这意味着库的所有功能都是通过全局变量公开的。在您提供的库链接中，主全局变量似乎是Handlebars。
如果您希望将手棒作为CommonJS/ES6模块直接导入到脚本中，则需要使用像Webpack这样的构建工具。
尝试在浏览器中呈现HTML文档，然后在devtools控制台中键入Handlebars，您应该会看到一个包含所有工具栏导出函数的对象。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64504970
复制相关文章
相似问题
腾讯云开发者
