Estoy luchando seriamente con algo que parece tan absolutamente básico. Estoy tratando de construir un componente web usando lit y quiero incluir easymde , que es un editor de rebajas.

Mi componente simplemente se ve así:

 import { LitElement, html } from 'lit'; import easyMDE from 'easymde'; export class MyElement extends LitElement { constructor() { super(); console.log('MyElement'); } firstUpdated() { const editorEl = this.renderRoot.querySelector('textarea'); if(!editorEl) { throw new Error('Failed to find editor element'); } new easyMDE({ element: editorEl }); } render() { return html` <textarea></textarea> `; } }

Y tengo la siguiente configuración acumulativa

 import typescript from '@rollup/plugin-typescript'; import { nodeResolve } from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; export default { input: './src/index.ts', output: { file: 'dist/bundle.js', sourcemap: true, }, plugins: [ typescript(), commonjs(), nodeResolve(), ] }

Sin embargo, en mi navegador veo el siguiente error: SyntaxError: Unexpected identifier 'require$$0'. import call expects exactly one argument.

Mirando el resultado del paquete, veo que la import require$$0 from 'fs'; en la parte superior, no entiendo por qué fs no se incluye con el resto de mi código.

¿Todavía me falta alguna configuración básica aquí?