npm @uiw/react codemirror-保存没有将正确的文件添加到node_modules

Question

我正在跟踪一个教程，以了解如何使用react设置Codemirror。我下载软件包时使用- npm install @uiw/npm codemirror

这样做是可行的，因为它允许我：

import CodeMirror from "@uiw/react-codemirror"

然而，当我试图导入主题或键映射时，会出现一个错误：

未找到模块:错误:包路径./主题/monokai.css未从包路径/导出到/node_ Module /codemirror

import "codemirror/theme/monokai.css"

@codemirror和codemirror都可以在node_modules中使用，但是codemirror不包含主题目录。

codemirror目录的package.json：

{
  "name": "codemirror",
  "version": "6.0.1",
  "description": "Basic configuration for the CodeMirror code editor",
  "scripts": {
    "test": "cm-runtests",
    "prepare": "cm-buildhelper src/codemirror.ts"
  },
  "keywords": [
    "editor",
    "code"
  ],
  "author": {
    "name": "Marijn Haverbeke",
    "email": "marijnh@gmail.com",
    "url": "http://marijnhaverbeke.nl"
  },
  "type": "module",
  "main": "dist/index.cjs",
  "exports": {
    "import": "./dist/index.js",
    "require": "./dist/index.cjs"
  },
  "types": "dist/index.d.ts",
  "module": "dist/index.js",
  "sideEffects": false,
  "license": "MIT",
  "dependencies": {
    "@codemirror/autocomplete": "^6.0.0",
    "@codemirror/commands": "^6.0.0",
    "@codemirror/language": "^6.0.0",
    "@codemirror/lint": "^6.0.0",
    "@codemirror/search": "^6.0.0",
    "@codemirror/state": "^6.0.0",
    "@codemirror/view": "^6.0.0"
  },
  "devDependencies": {
    "@codemirror/buildhelper": "^0.1.5"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/codemirror/basic-setup.git"
  }
}

会感谢任何关于我为什么会犯这个错误的想法。我已经尝试卸载codemirror并再次下载它，但是错误仍然存在。

Answer 1

我切换到了一个版本的，它下载codemirror: 5.x，现在它可以工作了。