vue ui没反应及npm i -g @vue/cli报错问题完美解决！

最新推荐文章于 2024-08-06 09:22:12 发布
原创 最新推荐文章于 2024-08-06 09:22:12 发布 · 4.2k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

本文介绍了解决在命令行环境下使用Vue CLI时遇到的UI组件安装失败的问题。通过分析错误信息，发现安装失败的原因在于目标目录已存在同名文件。最终采用带有--force选项的命令成功安装了UI组件，并验证了其可用性。

1.起因

命令行需使用vue ui，但该命令无效。因为没有ui组件。

2.npm i -g @vue/cli报错

经查询，需要通过npm i -g @vue/cli安装ui组件。但该命令执行过程中报错。

3.分析

看报错原因，应该是安装目录已存在同名文件。提示移除已存在的文件或者重试（已重试多次无效），或者命令行中带 --force 去覆盖已有文件。显然覆盖是比较方便稳妥的，万一删错了。。

npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

4.解决

使用npm i -g @vue/cli --force命令，不再报错，可执行成功

5.验证

vue命令下能看到ui组件

vue ui启动ui组件成功，自动弹出浏览器项目界面

 

cylemon
关注
执行 npm install -g @vue/cli 报错
猿小白的博客
05-09 1万+
目录 一、问题描述 二、解决方案 1、升级npm 2、清理缓存 3、再次安装 一、问题描述 准备使用vue3.0初始化一个项目，在使用npm install -g @vue/cli 安装过程出现了异常信息： npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated request@2.88.2: request has been deprecated, see htt...
mac电脑通过 npm 安装 @vue/cli脚手架超时问题；
梦想的追求
10-29 1421
macos 上@vue/cli脚手架的相关工具
使用NPM 安装 VUE/CLI时遇到的错误
weixin_51646421的博客
01-11 2564
标签：vue脚手架3 npm ERR! code EEXIST npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js npm ERR! dest C:\Users\Administrator\AppData\Roaming\npm\vue npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\Administrator.
使用vue-cli创建vue项目
qq_44089679的博客
05-18 1171
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、安装nodejs环境？二、安装vue-cli使用npm创建vue2或vue3项目：使用cnpm创建vue2项目：一、使用vue-cli来创建一个基于 webpack 模板的新项目 前言 提示：这里可以添加本文要记录的大概内容： 例如：记录初次使用vue-cli创建项目时遇到的报错，和成功搭建的整体流程。 提示：以下是本篇文章正文内容，下面案例可供参考 一、安装nodejs环境？ 打开cmd输入：node -v 和npm.
npm i -g @vue/cli踩坑 npm ERR! code EEXIST！Refusing xxx.cmd的解决方法.
miin_ying的博客
04-13 8151
更新vue脚手架不停报错，说拒绝访问，你要去Move it away,and try agin...跟随着指使，一个又一个.cmd被我删掉，一个又一个ERR浮现在眼前。。。 ...省略几个 后来，我突然意识到。直接去目录C:\Users\Administrator\AppData\Roaming\npm\node_modules下删除@vue文件 接着，继续全局安装C...
windows安装vue脚手架(vue-cli)及vue ui无反应,npm i -g @vue/cli报错解决方案
因上努力，果上随缘
06-11 2066
首先去node.js官网下载系统对应的node.js版本。 安装完成之后，在命令行下，输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功。 安装全局的cli。在命令行下输入npm install --global vue-cli。 然后输入 vue --version，来查看安装版本。 命令行输入: #vue ui 无反应,因为没有ui组件 #vue 经查询，需要通过npm i -g @vue/cli安装ui组件。但该命令执行过程中报错。 解.
怎么在vunpm install -D css-loader npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: iscp-app-erm-ui@0.1.0 npm ERR! Found: css-loader@3.6.0 npm ERR! node_modules/css-loader npm ERR! css-loader@"^3.5.3" from @vue/cli-service@4.5.5 npm ERR! node_modules/@vue/cli-service npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @aurora/vue-cli-plugin-aurora-eslint@1.0.12 npm ERR! node_modules/@aurora/vue-cli-plugin-aurora-eslint npm ERR! dev @aurora/vue-cli-plugin-aurora-eslint@"latest" from the root project npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.5 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"^4.5.0" from the root project npm ERR! 5 more (@vue/cli-plugin-eslint, @vue/cli-plugin-router, ...) npm ERR! peer css-loader@"*" from vue-loader@15.11.1 npm ERR! node_modules/vue-loader npm ERR! vue-loader@"^15.9.2" from @vue/cli-service@4.5.5 npm ERR! node_modules/@vue/cli-service npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @aurora/vue-cli-plugin-aurora-eslint@1.0.12 npm ERR! node_modules/@aurora/vue-cli-plugin-aurora-eslint npm ERR! dev @aurora/vue-cli-plugin-aurora-eslint@"latest" from the root project npm ERR! 6 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...) npm ERR! 1 more (the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! dev css-loader@"*" from the root project npm ERR! npm ERR! Conflicting peer dependency: webpack@5.99.9 npm ERR! node_modules/webpack npm ERR! peer webpack@"^5.0.0" from css-loader@6.9.1 npm ERR! node_modules/css-loader npm ERR! dev css-loader@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\lwx1453525\AppData\Local\npm-cache\eresolve-report.txt for a full report. 报错e.config.js中配置，需要安装那些依赖
最新发布
09-11
npm install -g @vue/cli vue upgrade ``` 2. 更新依赖项版本后重新安装： ```bash npm install -D css-loader less less-loader postcss-loader vue-style-loader ``` --- ### ✅ 推荐安装的依赖列表 ...
精选资源
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，推断是eslint版本不兼容。 报错提示： peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 ...
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: element-ui@2.15.14 npm ERR! Found: vue@3.5.13 npm ERR! node_modules/vue npm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.3.1 npm ERR! node_modules/@element-plus/icons-vue npm ERR! @element-plus/icons-vue@"^2.3.1" from element-plus@2.9.8 npm ERR! node_modules/element-plus npm ERR! element-plus@"^2.9.8" from the root project npm ERR! peerOptional vue@"^2 || ^3.2.13" from @vue/babel-preset-app@5.0.8 npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^5.0.8" from @vue/cli-plugin-babel@5.0.8 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~5.0.0" from the root project npm ERR! 8 more (@vue/babel-preset-jsx, @vue/server-renderer, vue-demi, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^2.5.17" from element-ui@2.15.14 npm ERR! node_modules/element-ui npm ERR! element-ui@
04-23
嗯，用户遇到了npm安装时的ERESOLVE错误，具体是Vue 3和element-ui的版本冲突。首先，我需要回忆一下这两个库的兼容性情况。Element-UI主要是为Vue 2设计的，而Element Plus才是支持Vue 3的版本。所以用户可能在Vue ...
mac Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and try again.
07-08
在使用 `vue init` 命令时，如果提示需要安装全局插件 `@vue/cli-init`，这通常是因为 Vue CLI 的版本发生了变化。从 Vue CLI 3.x 开始，官方对脚手架工具进行了重构，许多功能被拆分为独立的插件。因此，在较新版本...
npm i -g @vue/cli报错（安装vue脚手架报错解决:npm WARN using --force Recommended protections disabled.）
weixin_52066481的博客
10-16 6604
解决安装vue脚手架报错:npm WARN using --force Recommended protections disabled.
npm i vue/cli -g全局安装失败解决方法以及‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
qq_63538423的博客
03-04 3170
npm i vue/cli -g全局安装失败解决方法 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
npm install -g @vue/cli报错npm ERR! code FETCH_ERROR或卡住不动解决方案
yodoyskts的博客
08-06 3167
解决vue安装脚手架时卡住或者报错的问题
vue安装手脚架npm install -g @vue/cli过程报错
weixin_42754221的博客
01-02 2102
报错： npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path D:\node.js\node_global npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, mkdir ‘D:\node.js\node_global’ npm ERR! [Error: EPERM: operation not permitted, mkdir ‘D:\node.js\node
【vue】npm install -g @vue/cli出现错误
weixin_56105633的博客
04-28 5245
在cmd界面粘贴下面这句话，因为下载缓慢，所以配置了 npm 淘宝镜像，不嫌慢可以直接进行下一步的全局安装。出现版本号则电脑已经有了node.js，没有的话去官网下一个，csdn有其他小伙伴给了下载方法。2.通过 win+s打开开始栏的搜索框，输入cmd，管理员身份运行。的后面加这句话，即在d盘vscode的vue-test的文件里。不知道有没有下载，可以在cmd输入。然后就完成了，选择vue2那个选项。进去之后打开，在这个位置输入cmd。进去后输入这句话，然后按回车。不会的话，就是除了那句。
npm 安装vue-cli
dlb96837的博客
07-07 857
npm 安装vue-cli： vue cli的包名称由vue-cli改成了@vue/cli 如果你再以前已经安装了vue-cli 那么你需要先将老版本卸载。 卸载命令： npm uninstall vue-cli -g 卸载完成后再去安装新版本cli npm i -g @vue/cli ***有些时候由于网络问题导致下载失败，再次重新下载后会有一个错误的...
@vue-cli-init报错
JankoY的博客
02-14 638
错误 yarn不行就用NPM npm install -g @vue/cli-init 1.安装卸载cli npm install -g @vue/cli npm uninstall -g @vue/cli 或者 yarn global add @vue/cli yarn global remove @vue/cli 在最后@可以下载指定版本 2.安装cli-init yarn global add @vue/cli-init 或者 npm install -g @vue/cli-init
无法安装Vue脚手架 npm install @vue/cli -g
虎康的博客
10-30 953
npm install @vue/cli -g 方法一：以管理员权限运行 方法二：命令删除 npm-cache 方法三：手动删除 npm-cache 方法四：卸载node，重新安装
解决Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and
qq_49016878的博客
07-21 2241
原因是因为我们缺少了一个全球插件 然后我们只需要输入一行命令即可创建项目 npm install -g @vue/cli-init 然后输入命令 创建项目即可
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值