在react项目中导入codemirror后报错答案

【问题标题】：Getting error after importing codemirror in react project在react项目中导入codemirror后报错
【发布时间】：2023-02-05 01:20:08
【问题描述】：

import "codemirror/lib/codemirror.css";
import "codemirror/theme/material.css";
import "codemirror/mode/xml/xml";
import "codemirror/mode/javascript/javascript";
import "codemirror/mode/css/css";

**错误**-->

编译有问题：

./src/components/Editor.jsx 8:0-39 中的错误

找不到模块：错误：包路径 ./lib/codemirror.css 未从包 C:\Users\ankit dubey\Desktop\myProject\codepen-clone\node_modules\codemirror 中导出（请参阅 C:\Users\ankit 中的导出字段dubey\Desktop\myProject\codepen-clone\node_modules\codemirror\package.json）

./src/components/Editor.jsx 9:0-39 中的错误

找不到模块：错误：包路径 ./theme/material.css 未从包 C:\Users\ankit dubey\Desktop\myProject\codepen-clone\node_modules\codemirror 中导出（请参阅 C:\Users\ankit 中的导出字段dubey\Desktop\myProject\codepen-clone\node_modules\codemirror\package.json）

./src/components/Editor.jsx 10:0-33 中的错误

找不到模块：错误：包路径 ./mode/xml/xml 未从包 C:\Users\ankit dubey\Desktop\myProject\codepen-clone\node_modules\codemirror 中导出（请参阅 C:\Users\ankit 中的导出字段dubey\Desktop\myProject\codepen-clone\node_modules\codemirror\package.json）

./src/components/Editor.jsx 11:0-47 中的错误

找不到模块：错误：包路径 ./mode/javascript/javascript 未从包 C:\Users\ankit dubey\Desktop\myProject\codepen-clone\node_modules\codemirror 中导出（请参阅 C:\Users\ankit 中的导出字段dubey\Desktop\myProject\codepen-clone\node_modules\codemirror\package.json）

./src/components/Editor.jsx 12:0-33 中的错误

找不到模块：错误：包路径 ./mode/css/css 未从包 C:\Users\ankit dubey\Desktop\myProject\codepen-clone\node_modules\codemirror 中导出（请参阅 C:\Users\ankit 中的导出字段dubey\Desktop\myProject\codepen-clone\node_modules\codemirror\package.json）

-我安装了 - (npm i codemirror react-codemirror2)

-我不知道为什么它不起作用。

-请帮忙

【问题讨论】：

标签： react-codemirror react-codemirror2

【解决方案1】：

像这样导入它：

import * as CodeMirror from 'codemirror';

如果您使用的是 TypeScript，请在您的 compilerOptions 下添加此行tsconfig.json文件文件：

allowSyntheticDefaultImports: true

【讨论】：