vue重新打包报错 tui-chart@3.11.3

sunyin.liu

已于 2022-04-27 15:00:09 修改

阅读量3.5k

点赞数 3

分类专栏： Vuejs 文章标签： vue.js

于 2022-04-22 10:33:46 首次发布

本文链接：https://blog.csdn.net/weixin_42066070/article/details/124339643

版权

Vuejs 专栏收录该内容

70 篇文章 25 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文档介绍了在Vue项目中遇到tui-chart@3.11.3报错的原因和解决方法。错误源于tui-editor更名成toast-ui/editor，包括文件名和方法名的变更。解决方案包括更新package.json，替换import语句，修改组件中的getValue和setValue为getMarkdown和setMarkdown，以及全局替换tui-editor。通过以上步骤或直接克隆修复后的项目，可以成功解决报错并正常启动项目。

摘要由CSDN通过智能技术生成

本失败原因是由于tui-editor（富文本编辑器插件）更名造成的，现在已经更名为toast-ui/editor（以下第一步）
并且该插件还进行了文件名的更名（以下第二步）以及方法名的更名（以下第三步）

解决方案如下：
1.首先将package.json中的tui-editor那一行修改为"@toast-ui/editor": "^3.1.3",

2.进入\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'

3.把该页面（还是第二条中的文件）的getValue和setValue分别换成getMarkdown和setMarkdown
把页面中的所有tui-editor全部替换为@toast-ui/editor

4.保存文件，npm install 搞定

或者可以直接去这个地址克隆