Pasos para reproducir el comportamiento:
npm i @toast-ui/editor-plugin-chart @toast-ui/editor-plugin-code-syntax-highlight @toast-ui/editor-plugin-color-syntax @toast-ui/editor-plugin-table-merged-cell @toast-ui/editor-plugin-uml @toast-ui/react-editor katex mermaid --save-dev import React from 'react' import { Editor } from '@toast-ui/react-editor' export default function EditorComponent() { return ( <Editor initialValue='hello react editor world!' previewStyle='vertical' height='600px' initialEditType='markdown' useCommandShortcut /> ) }Cuando hice los pasos mencionados anteriormente, comencé a recibir el siguiente error.
(commonjs plugin) Error: Custom named exports were specified for /home/rahul/Desktop/projects/temp/editor/tui/node_modules/@toast-ui/editor/dist/esm/index.js but it does not appear to be a CommonJS module Error: Custom named exports were specified for /home/rahul/Desktop/projects/temp/editor/tui/node_modules/@toast-ui/editor/dist/esm/index.js but it does not appear to be a CommonJS module at transformCommonjs (/home/rahul/Desktop/projects/temp/editor/tui/node_modules/@rollup/plugin-commonjs/dist/index.js:753:13) at Object.transformAndCheckExports (/home/rahul/Desktop/projects/temp/editor/tui/node_modules/@rollup/plugin-commonjs/dist/index.js:1144:25) at Object.transform (/home/rahul/Desktop/projects/temp/editor/tui/node_modules/@rollup/plugin-commonjs/dist/index.js:1309:48) at /home/rahul/Desktop/projects/temp/editor/tui/node_modules/rollup/dist/shared/node-entry.js:13117:25 Cuando vi el contenido de @toast-ui/editor/dist/esm/index.js , encontré el siguiente código
export { ToastUIEditor as Editor, ToastUIEditorCore as EditorCore, ToastUIEditor as default }; Comience a recomendar en package.json
"start": "microbundle-crl watch --no-compress --format modern,cjs"¿Como puedó resolver esté problema?
Gracias por adelantado