Javascript 相对引用必须以“或”开头/&引用&引用/&引用;,或者说/&引用;
我是lit元素的新手,当使用导入包含库时,我得到的错误如下: 未捕获类型错误:解析模块说明符“lit元素”失败。 相对引用必须以“/”、“/”或“./”开头 请提供任何替代方案/解决方案Javascript 相对引用必须以“或”开头/&引用&引用/&引用;,或者说/&引用;,javascript,lit-element,polymer-3.x,lit-html,Javascript,Lit Element,Polymer 3.x,Lit Html,我是lit元素的新手,当使用导入包含库时,我得到的错误如下: 未捕获类型错误:解析模块说明符“lit元素”失败。 相对引用必须以“/”、“/”或“./”开头 请提供任何替代方案/解决方案 import { LitElement, html } from 'lit-element'; class MyElement extends LitElement { render(){ return html` <div> <p>A para
import { LitElement, html } from 'lit-element';
class MyElement extends LitElement {
render(){
return html`
<div>
<p>A paragraph</p>
</div>
`;
}
}
customElements.define('my-element', MyElement);
从'lit element'导入{LitElement,html};
类MyElement扩展了LitElement{
render(){
返回html`
段落
`;
}
}
自定义元素。定义('my-element',MyElement);
这不起作用,因为js导入必须引用具有相对路径或绝对路径的特定文件,假设您的项目结构如下所示:
/node_modules
/lit-element
/other-library
/src
/components
my-element.js
index.html
从my element.js
,您的导入将是
从“../../node_modules/lit element/lit element.js”导入{LitElement,html}”
然而,由于这种配置令人困惑,并且您可能会在某个时候设置一个构建脚本,因此建议您保持导入的现状,并使用一个开发服务器将导入重新映射到node\u模块
更新(2021年2月):在这个问题上提到的web服务器经过了一些迭代和改进。当前包是建议的简单Linux路径。/current dir;/根目录;。/父目录。从错误来看,它应该与项目中lit元素的相对路径或web源的URL(?)一起工作。这意味着
'lit-element'
需要是相对路径,例如'../lit-element'
@PatrickEvans感谢您的回复,已经尝试但仍然抛出相同的错误