Closed jaywcjlove closed 1 year ago
What worked for me (Next.js version 13.4.3) is inside your next.config.mjs add the following to your config:
experimental: {
esmExternals: 'loose',
},
@preetpatel that seems to only work sometimes. With that change, I am to get it to load, but every 5 minutes or so, it seems to crash again.
- error Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/code/node_modules/@uiw/react-markdown-preview/node_modules/react-markdown/index.js from /Users/zeus/code//node_modules/@uiw/react-markdown-preview/lib/index.js not supported.
Instead change the require of /Users/zeus/code/node_modules/@uiw/react-markdown-preview/node_modules/react-markdown/index.js in /Users/code/node_modules/@uiw/react-markdown-preview/lib/index.js to a dynamic import() which is available in all CommonJS modules.
Is simply adding
experimental: {
esmExternals: 'loose',
},
stable for you?
I tried
const removeImports = require("next-remove-imports")();
module.exports = removeImports({
});
But did not have any luck. Same problem. Perhaps I was not spreading it into module.exports
correctly.
I get Error: Cannot find module 'babel-plugin-transform-remove-imports'
when trying to use the next-remove-imports package
I created a nextjs package
next-remove-imports
to solve the problem.Example: https://codesandbox.io/s/nextjs-example-react-md-editor-qjhn7?file=/pages/index.js
Example: @uiwjs/next-remove-imports/example
Example: https://next-remove-imports-example.vercel.app Example: https://stackblitz.com/edit/nextjs-xy4ytm?file=pages/index.js
Example: https://codesandbox.io/embed/nextjs-example-react-md-editor-https-github-com-uiwjs-react-md-editor-issues-516-1z56px?fontsize=14&hidenavigation=1&theme=dark.
example: https://codesandbox.io/s/nextjs-example-react-md-editor-forked-89jwvb?file=/pages/index.js
438
224
350
422
Originally posted by @jaywcjlove in https://github.com/uiwjs/react-md-editor/issues/52#issuecomment-848969341