error - TypeError: Cannot redefine property: EditorView

[mbui0327]

Hi all, I run into this issue after doing npm i with version 4.7.0. It works fine with 4.6.0 Thanks.

error - TypeError: Cannot redefine property: EditorView
    at Function.defineProperty (<anonymous>)
    at ../node_modules/@uiw/react-codemirror/cjs/index.js:57:10
    at Array.forEach (<anonymous>)
    at Object.<anonymous> (/Users/bachbui/works/cycai/tmp/cyc-next/cyc-next-app/node_modules/@uiw/react-codemirror/cjs/index.js:53:26)
    at Module._compile (node:internal/modules/cjs/loader:1099:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18) {
  page: '/'
}

[jaywcjlove]

@mbui0327

Please provide a reproduction example via codesandbox.io.

[eeve]

类似的错误

ERROR in ./node_modules/@uiw/react-codemirror/esm/index.js 8:0-40
The requested module '@codemirror/basic-setup' contains conflicting star exports for the name 'EditorView' with the previous requested module '@codemirror/view'
 @ ./node_modules/xx/dist/esm/index.js 12:0-47 1182:18-28
 @ ./src/pages/xx/List.tsx 8:0-39 38:6-15 230:10-19
 @ ./src/pages/ lazy ^\.\/.*$ namespace object ./xx/List.tsx ./xx/List
 @ ./src/index.tsx 10:22-47

ERROR in ./node_modules/@uiw/react-codemirror/esm/index.js 9:0-34
The requested module '@codemirror/state' contains conflicting star exports for the name 'EditorState' with the previous requested module '@codemirror/basic-setup'
 @ ./node_modules/xx/dist/esm/index.js 12:0-47 1182:18-28
 @ ./src/pages/xx/List.tsx 8:0-39 38:6-15 230:10-19
 @ ./src/pages/ lazy ^\.\/.*$ namespace object ./xx/List.tsx ./xx/List
 @ ./src/index.tsx 10:22-47

原因也是 版本从4.6.0到4.7.0升级导致的。

[jaywcjlove]

@eeve 删除 node_modules 和 package-lock.json 文件重新安装。

[jaywcjlove]

@eeve @mbui0327 Example: https://codesandbox.io/embed/react-codemirror-example-codemirror-6-slvju?fontsize=14&hidenavigation=1&theme=dark

[jaywcjlove]

npm ls @codemirror/basic-setup
@uiw/[email protected] /react-codemirror
└── @codemirror/[email protected]

npm ls @codemirror/state
@uiw/[email protected] /react-codemirror
├─┬ @codemirror/[email protected]
│ ├─┬ @codemirror/[email protected]
│ │ └── @codemirror/[email protected] deduped
│ ├─┬ @codemirror/[email protected]
│ │ └── @codemirror/[email protected] deduped
│ ├─┬ @codemirror/[email protected]
│ │ └── @codemirror/[email protected] deduped
│ ├─┬ @codemirror/[email protected]
│ │ └── @codemirror/[email protected] deduped
│ ├─┬ @codemirror/[email protected]
│ │ └── @codemirror/[email protected] deduped
│ └── @codemirror/[email protected] deduped
├─┬ @codemirror/[email protected]
│ ├─┬ @codemirror/[email protected]
│ │ └── @codemirror/[email protected] deduped

[jaywcjlove]

Similar question:

• Error: Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks. #216
• Error: Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks. codemirror/dev#608