PanJiaChen / vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
MIT License
87.57k stars 30.43k forks source link

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

Open ConstFiv opened 2 years ago

ConstFiv commented 2 years ago

我本来只在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 commented 2 years ago

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

chenboxiaoxiao commented 2 years ago

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

wangstar615 commented 2 years ago

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

quruonan commented 2 years ago

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.

fyljy574 commented 2 years ago

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

ConstFiv commented 2 years ago

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

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

vbird-coder commented 2 years ago

thanks

exchangkong commented 2 years ago

我本来只在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 才正常了

MaplerStory commented 2 years ago

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

leyuyu commented 2 years ago

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

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

sos-luoluo commented 2 years ago

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

kKevin0001 commented 1 year ago

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

sixgod724 commented 1 year ago

我本来只在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失败困扰的兄弟临时使用,裤衩哥修复自己的库以后我就删掉

方法有效,感谢。

vipbo commented 1 year ago

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

Leo00001 commented 1 year ago

感谢感谢 @ConstFiv

nozbwang commented 1 year ago

谢谢,问题已解决。

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

Aliennnnnn commented 1 year ago

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

Pinparker commented 1 year ago

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