git上获取的vue-Element-admin 无法正常npm install问题解决方法

说实在的,作为这么一个热门项目,确实不应该存在这样的问题。

网上也是看了好多文章,尝试了好几种办法,修改.gitconfig文件,配置过tb镜像,也重新配置过GitHub的ssh,还是未能解决。最终找到两个解决方法,记录一下。

简单粗暴版:

1、打开package.json把"tui-editor"删掉

2、删除"tui-editor"相关路由、components,具体文件地址如下:

  • 路由位置:

        src/router/modules/components.js 搜索"markdown",把相应markdown路由代码删除;

  • components位置:

        src/components/MarkdownEditor 删除后,再执行npm install 或 npm install --registry=registry.npm.taobao.org 下载并运行成功!

 原文链接:https://blog.csdn.net/cddcj/article/details/126759739

 

详细修改版

1、从仓库git clone后,先删掉package.json中tui-editor:1.3.3

2、找到文件\src\components\MarkdownEditor\index.vue文件

将全部import替换成下面几个
import 'codemirror/lib/codemirror.css' // codemirror
import '@toast-ui/editor/dist/toastui-editor.css'

import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'

3、将当前文件下

所有 editor.getValue 替换成 editor.getMarkdown
所有 editor.setValue 替换成 editor.setMarkdown
所有 editor.getHtml 替换成 editor.getHTML
所有 editor.remove() 替换成 editor.destroy()

4、将default-options.js的toolbarItems替换

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

5、src/views/components-demo/markdown.vue 的 toolbarItems替换为[['heading','bold','italic']]

6、npm install --save @toast-ui/vue-editor

7、npm install

8、npm run dev

9、如果npm run dev 出现下面报错信息

npm ERR! syscall rename

删掉node_modules

删掉根目录的package-lock.json

重新npm install

再次npm run dev就好了

原文链接:https://blog.csdn.net/Frank_colo/article/details/128163013

posted @ 2022-12-19 10:30  leoxuan  阅读(746)  评论(0)    收藏  举报