如何使用unpkg url-join.js作为<script src=...>导入？

Question

我试图在我的项目中使用urlJoin。我已经使用<script>标签导入了库/脚本，因为HTML是由Django生成的。

<script src="https://unpkg.com/url-join@5.0.0/lib/url-join.js"></script>

问题是我不能使用urlJoin功能-控制台说:

urlJoin
VM609:1 Uncaught ReferenceError: urlJoin is not defined
at <anonymous>:1:1

函数定义如下:

export default function urlJoin() {
var input;
if (typeof arguments[0] === 'object') {
input = arguments[0];
} else {
input = [].slice.call(arguments);
}
return normalize(input);
}

你知道怎么用吗?

Answer 1

该文件为ES6模块。参见MDN上的JavaScript模块

你需要:

• 标记使用urlJoin作为模块的脚本
• import将其放入脚本
不
• 有一个单独的<script>元素来加载urlJoin。

:

<script type="module">
import urlJoin from "https://unpkg.com/url-join@5.0.0/lib/url-join.js"; 
const foo = urlJoin("some", "args"); 
console.log(foo);
</script>