我在当前的项目中使用了react-monaco-editor,但在运行时遇到了一些问题。我遵循了文档,并在我的文件中进行了相应的更改。
这是我的package.json文件
{
"name": "chatbot_compiler",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-monaco-editor": "^0.34.0",
"react-scripts": "3.4.0"
},
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-app-rewired eject",
"lint:fix": "eslint src/**/*.js --fix"
},
"eslintConfig": {
"extends": "react-app",
"rules": {
"indent": [
"error",
2
]
}
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"monaco-editor-webpack-plugin": "^1.9.0",
"prettier": "^1.19.1",
"react-app-rewired": "^2.1.5"
}
}下面是我的config-overrides.js文件
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
module.exports = function override(config, env) {
config.resolve = {
alias: {
"monaco-editor": "monaco-editor/esm/vs/editor/editor.api.js"
}
};
config.plugins.push(
new MonacoWebpackPlugin({
languages: ["json"]
})
);
return config;
};我在运行npm start时遇到此错误
Cannot find module 'monaco-editor/esm/vs/editor/editor.worker'
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chatbot_compiler@0.1.0 start: `react-app-rewired start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chatbot_compiler@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.任何帮助都将不胜感激。提前感谢:)
发布于 2021-05-17 19:18:32
你能不能试着安装monaco editor,因为它是在幕后使用的。它只是一个对等依赖项,所以不会随此包一起安装。
https://stackoverflow.com/questions/60782409
复制相似问题