React Codemirror导入报错：找不到默认导出如何解决？

你遇到的问题是因为当前安装的Codemirror 6版本已取消默认导出，全部采用命名导出机制，而你的代码还在使用默认导入的写法，所以触发了导出不存在的错误。

以下是两种解决方式：

• 适配Codemirror 6（推荐）
  修改你的导入语句，使用官方提供的命名导出项，比如基础编辑器需要的EditorView和basicSetup：

  import { EditorView, basicSetup } from 'codemirror';
  

  注意：Codemirror 6的API和5版本差异较大，初始化编辑器的逻辑也要对应调整，比如通过new EditorView()来创建实例，替代旧版的codeMirror.fromTextArea()方法。

• 降级到Codemirror 5
  如果你想继续沿用原有代码的默认导入写法，可以卸载当前版本，安装5.x版本：

  npm uninstall codemirror
  npm install codemirror@5
  

  之后就能正常使用默认导入：

  import codeMirror from 'codemirror';
  

内容的提问来源于stack exchange，提问作者Swaraj Anand