vue-element-admin icon indicating copy to clipboard operation
vue-element-admin copied to clipboard

npm install失败的分析与解决方案,以及修复完成的代码地址

Open ConstFiv opened this issue 2 years ago • 18 comments

我本来只在gitee上面发了这个issue,以为作者只有国内的库没有顾上,想着github上应该是没问题的,结果没想到这里的代码也存在install问题,这是我在gitee上发的解决方法:

本失败原因是由于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 搞定

或者可以直接去这个地址克隆我修复好的项目文件(gitee):https://gitee.com/constfiv/vue-element-admin-fix-install-problem 克隆下来直接npm install,就能正常启动了,对应的是裤衩哥的master分支 这个库仅供被install失败困扰的兄弟临时使用,裤衩哥修复自己的库以后我就删掉

ConstFiv avatar May 05 '22 09:05 ConstFiv

裤衩哥要是修复了请哥哥们踢我一下,我好及时把那个库删掉

ConstFiv avatar May 05 '22 09:05 ConstFiv

用nvm把node的版本调整为12.13.1,然后重新npm i,绝对能跑起来

chenboxiaoxiao avatar May 05 '22 19:05 chenboxiaoxiao

用nvm把node的版本调整为12.13.1,然后重新npm i,绝对能跑起来 不行,还是报错

wangstar615 avatar May 09 '22 03:05 wangstar615

node版本v16.15.0,原先要想npm i安装成功只能用node13版本的,但如此就创建不了vue项目了,无奈升级版本,试了很多种办法,最终只是调整了node-sass和sass-loader的版本就成功了,node:v16.15.0,"node-sass": "^6.0.1","sass-loader": "^10.0.1"。项目版本是4.2.1的,截止到今天,我看到项目版本已经更新到了4.4.0,也去掉了node-sass.

quruonan avatar May 13 '22 06:05 quruonan

这个有效,我跑起来了。不过3中 “把页面中的所有tui-editor全部替换为@toast-ui/editor” 并没有tui-editor让我替换

fyljy574 avatar May 17 '22 06:05 fyljy574

这个有效,我跑起来了。不过3中 “把页面中的所有tui-editor全部替换为@toast-ui/editor” 并没有tui-editor让我替换

那我可能是记忆重复了,应该所有的tui-editor都在那几条import里面了

ConstFiv avatar May 17 '22 06:05 ConstFiv

thanks

vbird-coder avatar May 18 '22 10:05 vbird-coder

我本来只在gitee上面发了这个issue,以为作者只有国内的库没有顾上,想着github上应该是没问题的,结果没想到这里的代码也存在install问题,这是我在gitee上发的解决方法:

本失败原因是由于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 搞定

或者可以直接去这个地址克隆我修复好的项目文件(gitee):https://gitee.com/constfiv/vue-element-admin-fix-install-problem 克隆下来直接npm install,就能正常启动了,对应的是裤衩哥的master分支 这个库仅供被install失败困扰的兄弟临时使用,裤衩哥修复自己的库以后我就删掉

按照这个流程解决了,但是我yarn install 之后又单独添加了一下yarn add core-js 才正常了

exchangkong avatar May 19 '22 05:05 exchangkong

不用markdown编辑器的话,直接把markdown的组件删了,从package.json里也把tui-editor依赖也删了也可以的

MaplerStory avatar Jun 28 '22 08:06 MaplerStory

不用markdown编辑器的话,直接把markdown的组件删了,从package.json里也把tui-editor依赖也删了也可以的

正解,按照上面三步走之后还是报错,就把markdown相关的东西全删掉,就好了。

leyuyu avatar Jun 29 '22 06:06 leyuyu

感谢,使用此方法解决安装问题。

sos-luoluo avatar Jul 12 '22 01:07 sos-luoluo

感谢,使用此方法解决安装问题。

kKevin0001 avatar Nov 23 '22 07:11 kKevin0001

我本来只在gitee上面发了这个issue,以为作者只有国内的库没有顾上,想着github上应该是没问题的,结果没想到这里的代码也存在install问题,这是我在gitee上发的解决方法:

本失败原因是由于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 搞定

或者可以直接去这个地址克隆我修复好的项目文件(gitee):https://gitee.com/constfiv/vue-element-admin-fix-install-problem 克隆下来直接npm install,就能正常启动了,对应的是裤衩哥的master分支这个库仅供被install失败困扰的兄弟临时使用,裤衩哥修复自己的库以后我就删掉

我本来只在gitee上面发了这个issue,以为作者只有国内的库没有顾上,想着github上应该是没问题的,结果没想到这里的代码也存在install问题,这是我在gitee上发的解决方法:

本失败原因是由于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 搞定

或者可以直接去这个地址克隆我修复好的项目文件(gitee):https://gitee.com/constfiv/vue-element-admin-fix-install-problem 克隆下来直接npm install,就能正常启动了,对应的是裤衩哥的master分支 这个库仅供被install失败困扰的兄弟临时使用,裤衩哥修复自己的库以后我就删掉

方法有效,感谢。

sixgod724 avatar Dec 09 '22 03:12 sixgod724

下载了半天,还是不好, 直接 https://gitee.com/constfiv/vue-element-admin-fix-install-problem 这个clone 下来 npm install ok , 谢谢

vipbo avatar Mar 06 '23 09:03 vipbo

感谢感谢 @ConstFiv

Leo00001 avatar Apr 13 '23 06:04 Leo00001

谢谢,问题已解决。

通过替换为@toast-ui/editor,install正常了,run的时候还是报错..... 直接全局搜索markdown,把markdown相关的组件删了,从package.json里也把tui-editor依赖也删了之后,恢复正常了。 涉及的文件列表如下: image

nozbwang avatar Apr 22 '23 02:04 nozbwang

And you, my brother, you are a real hero!

Aliennnnnn avatar May 24 '23 02:05 Aliennnnnn

直接delete package.json里面的“tui-editor”那一行就行了

Pinparker avatar Sep 12 '23 05:09 Pinparker