我想通过 CDN 使用这个库。
https://www.jsdelivr.com/package/npm/lit-element https://www.jsdelivr.com/package/npm/lit-element
我的js代码在这里。
import { LitElement, html } from "https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/lit-element.js";
class MyElement extends LitElement {
render(){
return html`ABCD`
}
}
customElements.define("my-element", MyElement)
我收到以下错误。
未捕获的类型错误：无法解析模块说明符“lit-html”。相对引用必须以“/”、“./”或“../”开头。
我必须使用 npm 进行构建吗？
Update
以下代码有效。
import { LitElement, html } from "https://unpkg.com/lit-element/lit-element.js?module"
class MyElement extends LitElement {
render(){
return html`ABCD`
}
}
customElements.define("my-element", MyElement)
LitHtml 和 LitElement 模块内部使用裸模块说明符来导入依赖项，而 JS 模块尚不支持这些依赖项。LitElement has import { TemplateResult } from 'lit-html'，但是 JS 需要那个'lit-html'替换为实际文件的任何路径（而不是包的抽象名称）。
如果您使用 npm 包（其中cdn.jsdelivr.net在这里提供）你必须使用构建步骤（WebPack、Rollup 等）来解决所有这些问题import声明 JS 支持的文件路径或将所有文件内联在一起。
前者是什么unpkg.com ... ?module是的，它取代了对的裸引用lit-html与绝对的https://unpkg.com/lit-html@^1.1.1/lit-html.js?module.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
