Después de mucho solucionar los problemas, decidí intentar que los programas más básicos se ejecutaran y no tuve mucha suerte. Aquí están mis pasos:
Instalé lit en el mismo directorio que mi index.html y app.js usando npm i lit . Generé mi package.json usando npm init y elegí los valores predeterminados.
Aquí está mi index.html :
<!DOCTYPE html> <head> <script type="module" src="./app.js"></script> </head> <body> <test-element></test-element> </body> </html> Aquí está mi app.js :
import {html, css, LitElement} from 'lit'; export class Test extends LitElement { constructor() { super(); } render() { return html`<p>Test</p>`; } } customElements.define('test-element', Test); Aquí está mi package.json :
{ "name": "test", "version": "1.0.0", "description": "", "main": "index.js", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "lit": "^2.2.3" } }¿Qué estoy haciendo mal aquí?
EDITAR: No estoy seguro de por qué se cerró esto, pero el problema era que estaba usando la extensión integrada de Live Server en VS Code. Ejecutar un servidor web directamente con npm pareció solucionarlo. https://modern-web.dev/docs/dev-server/overview/