vue-element-admin安装依赖报错

543 阅读1分钟

最近安装好几次总是报错,每次照着网上的方案安装成功后下次又不行了,这次我把它记下来。 报错内容:如下

c41fc17f9cf5b7e488d734e846e160b.jpg

解决步骤:

1、修改package.json文件

将 "tui-editor": "1.3.3" 替换成 "@toast-ui/editor": "^3.1.3"

新的Markdown编辑器参考地址:nhn.github.io/tui.editor/…\

\

2、找到 src/components/MarkdownEditor/index.vue 文件修改代码

(1)将 import 'tui-editor/dist/tui-editor.css' 替换成 import '@toast-ui/editor/dist/toastui-editor.css'

(2)将 import Editor from 'tui-editor' 替换成 import Editor from '@toast-ui/editor'

(3)去掉 import 'tui-editor/dist/tui-editor-contents.css'

(4)将所有 editor.getValue 替换成 editor.getMarkdown

(5)将所有 editor.setValue 替换成 editor.setMarkdown

(6)将 editor.getHtml 替换成 editor.getHTML

(7)将

toolbarItems: [
  'heading','bold','italic','strike','divider',
  'hr','quote','divider',
  'ul','ol','task','indent','outdent','divider',
  'table','image','link','divider',
  'code','codeblock'
]

替换成

toolbarItems: [
  ['heading', 'bold', 'italic', 'strike'], 
  ['hr', 'quote'], 
  ['ul', 'ol', 'task', 'indent', 'outdent'],
  ['table', 'image', 'link'],
  ['code', 'codeblock']
]

明显是将 divider 分割字符 换成了 数组来分组

\

(8)将 src/views/components-demo/markdown.vue 文件中

'heading','bold','italic'

替换成

 ['heading','bold','italic']

(9) 将 editor.remove() 替换成 editor.destroy()

\

3、安装依赖

npm i

\

4、运行项目

npm run dev