web-dev-qa-db-ja.com

相対参照は "/"、 "./"、または ".//"のいずれかで始める必要があります

Lit-ElementのNewbie、そしてライブラリを含めるにはインポートを使用すると、次のようにエラーが発生しています。

キャッチされていないTypeError：モジュール指定子 "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);

 _
javascriptlit-elementpolymer-3.xlit-html
10
Senthil

JSのインポートは、プロジェクト構造が次のようなものであると仮定して、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'

ただし、このような構成が混乱しているため、おそらくBuildスクリプトをいつかセットアップしているため、推奨事項は現在のものとしてインポートを保つことになり、node_modulesのようにインポートを復元するDEVサーバーを使用することです - Open-WCのWebサーバー

4
Alan Dávalos