Javascript 相对引用必须以“或”开头/&引用&引用/&引用;,或者说/&引用;

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

我是lit元素的新手,当使用导入包含库时,我得到的错误如下:

未捕获类型错误:解析模块说明符“lit元素”失败。 相对引用必须以“/”、“/”或“./”开头

请提供任何替代方案/解决方案

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感谢您的回复,已经尝试但仍然抛出相同的错误