@vue/cli 错误 解决办法

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

#npm #vue.js #前端

在尝试安装@vue/cli时遇到错误'ERR_TLS_CERT_ALTNAME_INVALID'。为了解决这个问题，可以按照以下步骤操作：首先，通过运行'npm config set strict-ssl false'禁用SSL严格检查；接着，安装'npm install -g supervisor'；最后，执行'npm install --global vue-cli'来安装Vue CLI。这些步骤通常能够成功解决TLS证书相关的问题。

安装@vue/cli 出现错误记录一下，

npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID

解决办法:

依次执行：1，2，3

1.npm config set strict-ssl false  

2.npm install -g supervisor

3.npm install --global vue-cli

kevin_pi
关注
Vue - 解决报错 Error: Cannot find module ‘XXX\@vue\cli-service\bin\vue-cli-service.js‘（vue项目编译运行出错，启动失败）
🏆 前端领域优质创作者
06-24 2797
vue报错，Error: Cannot find module ‘@vue\cli-service\bin\vue-cli-service.js‘，vue2项目启动报错，vue3项目运行出错，vue执行npm run serve报错，找不到@vue/cli-service模块，vue项目关于：Error: Cannot find module ‘D:\@vue\cli-service\bin\vue-cli-service.js‘的解决方案，vue项目跑不起来了，Vue项目报错，跑项目报错Cannot fi
关于npm安装vue-cli错误问题
01-08
关于npm安装vue-cli错误问题 问题描述 npm ERR! { Error: EPERM: operation not permitted, unlink ‘C:\Users\GXP300\AppData\Roaming\npm\node_modules.staging\typescript-886383bb\lib\tsserverlibrary.js’ npm ERR! errno: -4048, npm ERR! code: ‘EPERM’, npm ERR! syscall: ‘unlink’, 主要针对这类错误问题解决方法 解决方法 1、
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID解决办法
饭饭
06-20 4335
错误： npm install --save @riophae/vue-treeselect npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID npm ERR! request to https://registry.cnpmjs.org/@riophae%2fvue-treeselect failed, reason: Hostname/IP does not match cert
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID
ZCJSGSZ的博客
01-15 1294
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID npm ERR! request to https://registry.cnpmjs.org/@babel%2fpolyfill failed, reason: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in
vue-cli报错
weixin_44321360的博客
04-22 1427
npm cache clean --force # 清理缓存 npm install # 或者 cnpm install （install后面不加任何内容） npm update # 或者 cnpm update （建议选择cnpm(国内镜像源)） 再次运行项目 npm run serve
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
3. **更新Vue CLI**：保持Vue CLI和相关依赖包的更新，以获得最新的修复和功能，有时候错误可能是由于已知问题引起的，而这些问题在新版本中可能已经得到解决。 总之，`Invalid Host header`错误是由于Vue CLI的...
Electron应用程序打包后运行报错cannot find module ‘@vue/cli-service‘
weixin_44341110的博客
09-18 1696
其他electron打包后运行类似这种cannot find module ‘XXX’的报错，基本也是因为开发依赖模块未打包进去导致。2、本项目vue.config.js文件是创建vue项目时默认存在的，该文件依赖的模块非必须的，也可以修改不依赖该模块即可。也就是问题出在electron打包后，仔细排查问题所在，在electron主入口文件中依赖了vue.config.js文件。这个模块，所以electron项目打包时也需要把这个模块放进。而这个模块我们开发vue项目时放进开发依赖中不需要打包进去的。
npm install -g @vue/cli-init
最新发布
09-06
解决办法是在命令中加入 `npm install -g –force @vue/cli-init` 强行覆盖已存在的文件；也可找到多余文件删除，若找不到则使用前者方法解决[^1]。 #### 安装报错 安装 `@vue/cli-init` 遇到错误，可尝试以下步骤...
vue cli 安装报错
weixin_43366084的博客
10-18 246
原因很简单， 虽然node的环境已经安装完成， npm 包管理器也有了， 但是由于有些npm资源被屏蔽或者是国外资源的原因， 经常会导致npm安装依赖包的时候失败， 所以我们还需要npm的国内镜像----cnpm. 原文链接 ...
安装Vue-cli时报错
weixin_43373750的博客
12-18 619
安装Vue-cli时报错 vue init webpack my-proj vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET 可能原因访问不到GitHub，试下用自己的手机开启无线网连接 ...
vue cli 安装配置，以及报错处理
gufengblog的博客
12-20 551
一、环境准备 1、首先我们先要安装node.js，我的是win10 系统 我们上node.js官网(https://nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境啦。 查看是否安装成功，如果能够正常打印出版本就说明安装成功了 二、接下来我们开始安装vue # 安装淘宝npm npm install -g cnpm --registry=https://registry.npm.taobao.org # vue-cli 安装依赖包 c
【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令，也不是...”的解决办法
热门推荐
m0_63760882的博客
05-05 4万+
问题描述 项目执行npm run serve后报错 产生原因 （最大概率原因） 由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错 （其他出错情况，见下文扩展） 因为该问题是出现在其他计算机上的，我本机上一直没有问题没有复现出bug，所以出错原因只是分析得出。而出现这个报错的情况也不止这一种，具体写在下文扩展中。 解决办法 删除node_module文件夹 npm install npm run serve 即可解决
vue报错“‘vue-cli-service‘不是内部或外部命令，也不是...”的解决办法 （vue 项目 安装模块的一系列报错）
潮汐未见潮落的博客
06-24 690
vue 安装项目依赖及 运行项目的系列报错
npm下载依赖包报错:npm ERR code ERR_TLS_CERT_ALTNAME_INVALID npm ERR errno ERR_TLS_CERT_ALTNAME_INVALID
woaixuexi___的博客
09-05 1686
npm ERR!npm ERR!npm ERR!
安装renren-vue报错总结
糖果先生的博客
10-09 1676
一、错误1 npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID 今天在部署renren的前端的时候，需要安装 npm install --registry=https://registry.npm.taobao.org 然后首先需要安装node.js才能用npm，之后要进入renren的文件夹下运行。之后报错 npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CE.
npm安装依赖问题
happytail的博客
12-07 2497
安装依赖出来如下问题 解决方案：设置strict-ssl为false即可 代码如下： npm config set strict-ssl false
解决npm证书验证问题
weixin_43810418的博客
01-24 3889
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.npm.taobao.org/codemirror failed, reason: certificate has expired
node报错npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! npm ERR! request to https://registry.cnpmj
weixin_42893818的博客
06-19 1320
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID npm ERR! request to https://registry.cnpmjs.org/vue-cli failed, reason: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert'
@vue/cli 5.0.8
03-18
### 关于 @vue/cli 版本 5.0.8 的安装与常见问题 @vue/cli 是 Vue.js 官方提供的一套脚手架工具，用于快速创建和配置 Vue 项目。版本号为 5.0.8 表明这是一个较新的稳定版[^1]。 #### 环境依赖 在使用 @vue/cli 创建项目之前，需确保以下环境已正确安装并满足最低需求： - Node.js 版本应不低于 14.x，推荐使用 LTS (Long Term Support) 版本。当前环境中使用的 `node -v` 显示为 `v16.14.2`，这完全符合官方建议。 - NPM 或 Yarn 应处于最新状态以避免潜在冲突。NPM 当前版本为 `8.5.0`，也属于支持范围内的版本。 #### 安装命令 如果尚未全局安装 @vue/cli 工具，则可以通过如下方式完成安装： ```bash npm install -g @vue/cli ``` 验证安装成功与否可运行以下指令来确认 CLI 是否可用以及其具体版本号是否匹配预期目标值（即此处提到的 5.0.8）: ```bash vue --version ``` 假如遇到任何错误提示或者无法正常执行上述操作的情况，请考虑清理缓存后再试一次： ```bash npm cache clean --force && npm install -g @vue/cli@5.0.8 ``` 对于国内开发者而言，由于网络原因可能导致下载速度缓慢甚至失败的问题，可以切换至淘宝镜像源作为临时解决方案之一： ```bash npm config set registry https://registry.npm.taobao.org/ ``` 之后再次尝试重新安装即可[^2]。 #### 常见问题及其处理办法 以下是部分关于此特定版本(@vue/cli 5.0.8)可能碰到的一些典型疑问解答汇总表： | **序号** | **描述** | **解决措施** | |----------|---------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 | 运行 vue create my-project 报错：“EACCES: permission denied...” | 尝试通过加 sudo 提升权限；或更改文件夹所属用户组设置；亦或是调整 .npmrc 文件中的 save-exact 参数值设为 false 来规避此类权限类异常情况的发生几率。 | | 2 | 使用过程中发现插件更新不及时 | 手动指定所需加载的具体包名及对应标签形式如：vue add router#next | | 3 | 配置代理后仍连接超时 | 更改本地 hosts 文件指向正确的 DNS 地址；另外也可以试试看其他替代性的 CDN 资源链接地址比如 unpkg.com/unpkg/#/about | 以上列举了一些针对该版本可能会面临到的主要挑战方向及相关应对策略概述。 ```javascript // 示例代码片段展示如何初始化一个新的Vue应用结构目录树布局图样貌概览 const { execSync } = require('child_process'); execSync(`npx @vue/cli@5.0.8 create sample-app`, { stdio: 'inherit' }); console.log("Sample app created successfully!"); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值