vue-element-admin的安装与运行中问题

最新推荐文章于 2024-12-01 13:50:59 发布

原创最新推荐文章于 2024-12-01 13:50:59 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #git #github

vue 专栏收录该内容

1 篇文章

订阅专栏

在安装vue-element-admin时遇到git ssh报错code 128，通过添加本地ssh到git解决该问题。然而，安装过程中因tui-editor库过大导致超时。为解决，删除tui-editor相关引用并调整package.json，但随后运行项目时发现仍有其他依赖缺失。通过对babel.config.js中presets的修改，成功运行项目。

安装

按照vue-element-admin官方指引，在git clone项目后，如果按照指引会出现以下问题，报code 128 ：command git ls-remote ssh://git@github.com/nhn/raphael.git.
在某位大佬的文章下，发现是本地生成的ssh未添加到git上，导致出现的错误。–>大佬文章中详述了具体过程
但是在解决这个问题之后，依然没法安装成功。我尝试了一些方法（或许使用cnpm命令会更好），比如：

   git config --global url."https://".insteadOf git://

后来观察安装过程中tui-eletor库（此库对应markdown组件）过大，而导致超时，此时可以按照以下步骤修改：

在package.json中,删除tui-editor
在src/components/MarkdownEditor/index.vue中，找tui-editor相关的删除即可。同时删除src/views/components-demo/markdown.vue
删除对应路由 view src/router/modules/components.js，删除@views/components-demo/markdown相关内容

{
	path: 'markdown',
	component: () => import('@/views/components-demo/markdown'),
	name: 'MarkdownDemo',
	meta: { title: 'Markdown' }
},

3.在执行完上述步骤后，原以为能够解决了，结果发现又有问题，唉~
在这里插入图片描述
但经过查看提示，发现问题并不大，于是决定去运行项目。

运行

在npm run dev后，发现项目缺少以下依赖
在这里插入图片描述
在babel.config.js中，对presets进行如下修改，再重新执行命令即可

presets: [
    [
      '@vue/app',
      { useBuiltIns: 'entry' }]
  ],