Question

我是lit-element的新手，并且在使用import包含库时，出现Uncaught TypeError: Failed to resolve module specifier "lit-element". Relative references must start with either "/", "./", or "../".错误

请提供其他选择/解决方案。

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，您的导入将是

import {LitElement, html} from '../../node_modules/lit-element/lit-element.js'

但是，由于这种配置令人困惑，您可能还会在某个时候设置构建脚本，因此建议您将导入保持在当前状态，并使用开发服务器将导入重新映射为{ {1}}像open-wc's web server

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

1 个答案: