通过查阅资料, 最终从以下几个方面解决了, 其实基本上可以确认因为tui-editor插件版本的问题

1. node 版本搞低点, 我现在用16.18.1

2. 从git拉取vue-element-admin项目

3. vscode 打开该项目, 注意根目录是项目根目录, 不要从项目根目录上一级打开, 然后vscode终端根目录运行以下代码

rm -rf node_modules
rm package-lock.json
npm cache clear --force

4. 将package.json中的tui-editor那一行修改为   (重点)

"@toast-ui/editor": "^3.1.3",

5.接下来去修改src -> components->MarkdownEditor->index.vue

① 将开头所有import替换成下面四行

import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'

② 把里面的getValue和setValue分别换成getMarkdown和setMarkdown,所有tui-editor全部替换为@toast-ui/editor

保存后执行npm install,使用淘宝镜像安装比较快:

npm install --registry=https://registry.npm.taobao.org

这里还有个问题, 如果你发现这样操作还是error, 我发生过这个问题, 去查看上面的import有没有被自动改过, 可能是vscode还是npm下载包的时候自动改了import

最后就是npm run dev  应该可以了  

GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:26 天前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐