相对引用必须以“/”、“./”或“../”开头

Question

我是 lit-element 的新手，当使用 import 来包含库时，我收到以下错误：

未捕获的类型错误：无法解析模块说明符“lit-element”。相对引用必须以“/”、“./”或“../”开头。

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

import { LitElement, html } from 'lit-element';

class MyElement extends LitElement {
  render(){
    return html`
      <div>
        <p>A paragraph</p>
      </div>
    `;
  }
}
customElements.define('my-element', MyElement);

Answer 1

这不起作用，因为 js 导入必须引用具有相对路径或绝对路径的特定文件，假设您的项目结构类似于以下内容：

/node_modules
  /lit-element
  /other-library
/src
  /components
    my-element.js
index.html

从my-element.js，您的导入将是

/node_modules
  /lit-element
  /other-library
/src
  /components
    my-element.js
index.html

然而，由于这种配置的混乱，你可能会最终会设立一个构建脚本有时也是如此，建议是让你的进口，因为他们现在是正确的，并使用该重新映射你的进口产品对开发服务器node_modules一样开放-WC的网络服务器

更新（2021 年 2 月）：这个问题中提到的 Web 服务器已经经历了几次迭代和改进。当前的包是@web/dev-server