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);
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