'Custom named exports were specified for @toast-ui/editor/dist/esm/index.js but it does not appear to be a CommonJS module
To Reproduce
Steps to reproduce the behaviour:
- Install https://www.npmjs.com/package/create-react-library
- npx create-react-library custom-editor
- cd ustom-editor
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- npm start
- custom-editor/index.js
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
/>
)
}
When I did the above-mentioned steps, I started getting the below 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
When I saw the content of @toast-ui/editor/dist/esm/index.js then I found below code
export { ToastUIEditor as Editor, ToastUIEditorCore as EditorCore, ToastUIEditor as default };
Start commend in package.json
"start": "microbundle-crl watch --no-compress --format modern,cjs"
How can I solve this problem?
Thanks in advance
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
