web-dev-qa-db-fra.com

Les références relatives doivent commencer par "/", "./", ou "../"

Je suis NEWBIE à LIT-ELEMENT, et lorsque vous utilisez l'importation pour inclure la bibliothèque, je reçois une erreur comme suit:

Company TypeError: Impossible de résoudre le spécificateur de module "Lit-Element". Les références relatives doivent commencer par "/", "./", ou "../".

Veuillez fournir toutes les alternatives/solutions.

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

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

10
Senthil

Cela ne fonctionne pas car les importations JS doivent faire référence à un fichier spécifique avec un chemin relatif ou un chemin absolu, en supposant que votre structure de projet est comme ci-dessous:

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

De my-element.js, votre importation serait

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

Cependant, étant donné que ce type de confusion est déroutant et vous finirez probablement pas à définir un script de construction aussi, la recommandation serait de conserver vos importations car elles sont maintenant et utilisez un serveur de device qui remappera vos importations à node_modules Comme serveur Web Open-WC

4
Alan Dávalos