VUE项目和问题and解决方法

最新推荐文章于 2025-06-17 08:14:24 发布
原创 最新推荐文章于 2025-06-17 08:14:24 发布 · 840 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文档详细介绍了Vue项目的搭建过程，包括查看Node版本、切换目录、安装配置项目时遇到的问题及其解决方法，如npm下载源的修改，以及如何初始化、安装依赖和启动项目。在遇到npm安装错误时，通过调整npm源并按照步骤操作，成功启动Vue项目并能在浏览器中显示页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

Node -v  查看node版本

Ls 查看当前文件夹下有哪些文件

Cd ..          切换到目录上一层

Cd 文件夹名     进入文件夹

安装配置项目时遇到问题和解决方法

关于项目

需要理解一下

自己创建项目

为新建项目做准备

创建项目

Node -v  查看node版本

 

Ls 查看当前文件夹下有哪些文件

 

Cd ..          切换到目录上一层

Cd 文件夹名     进入文件夹

 

安装配置项目时遇到问题和解决方法

$ npm install [email protected] [email protected]
npm ERR! request to https://registry.npn.taobao.org/vue failed, reason: Hostname/IP doesn't match certificate's altnames: "Host: registry.npn.taobao.org. is not in the cert's altnames: DNS:*.tmall.com, DNS:*.1688.com, DNS:*.3c.tmall.com, DNS:*.alibaba.com, DNS:*.aliexpress.com, DNS:*.aliqin.tmall.com, DNS:*.alitrip.com, DNS:*.aliyun.com, DNS:*.cainiao.com, DNS:*.cainiao.com.cn, DNS:*.chi.taobao.com, DNS:*.chi.tmall.com, DNS:*.china.taobao.com, DNS:*.dingtalk.com, DNS:*.etao.com, DNS:*.feizhu.cn, DNS:*.feizhu.com, DNS:*.fliggy.com, DNS:*.fliggy.hk, DNS:*.food.tmall.com, DNS:*.jia.taobao.c

最低0.47元/天 解锁文章

200万优质内容无限畅学
2024年安装vue-cli报错：request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: 证书已过期
JIE_PLAY的博客
01-25 1万+
在2024年1月份使用淘宝镜像https://registry.npm.taobao.org安装vue-cli时报错：request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: certificate has expired，检查发现原来是淘宝镜像换了
Vue AND jquery
baidu_36128485的博客
03-09 168
例如，从 CDN 引入 jQuery，而不是把它打包： index.html webpack.config.js module.exports = { //… externals: { jquery: ‘jQuery’ } }; import $ from ‘jquery’; $(’.my-element’).animate(/* … */); ...
vue npm导入项目出现 request to https://registry.npm.taobao.org failed, reason certificate has expired
m0_59748326的博客
03-16 2374
npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired， ，本文章亲测有效，可自行尝试。
npm install报错记录（三）npm ERR! code CERT_HAS_EXPIRED；npm ERR! request to https://registry.npm.taobao.org
最新发布
weixin_44212534的博客
06-17 1019
【摘要】npm安装VUE项目时遇到CERT_HAS_EXPIRED错误，原因是淘宝镜像源证书过期。主要解决方案包括：1）切换至官方npm源(https://registry.npmjs.org/)；2）改用阿里云镜像(https://registry.npmmirror.com/)；3）更新npm版本；4）临时关闭SSL验证（不建议长期使用）；5）清理npm缓存；6）检查系统时间是否正确。推荐优先使用前两种镜像切换方案，其他方法可作为辅助排查手段。
【已解决】npm ERR! request to https://registry.npm.taobao.org failed, reason: certificate has expired
热门推荐
sinat_34365157的博客
02-21 4万+
在使用 npm 安装包时，如果遇到 "request to https://registry.npm.taobao.org failed, reason: certificate has expired" 报错，这通常是由于 npm 使用的证书过期所致。本文将分析这个问题的原因，并提供解决方法。
npm ERR! request to https://registry.npm.taobao.org/axios ...reason: certificate has expired 的解决办法
Spring Boot-Common On With You
01-22 3万+
关于这个问题，是博主在前端CI构建打包的时候遇见的， 早上来升级版本，git代码版本管理服务器上，CI/CD Jobs 失败， 报错：“npm ERR! request to https://registry.npm.taobao.org/axios failed, reason: certificate has expired ”
解决：npm ERR! request to https://registry.npm.taobao.org/xxx failed, reason: 淘宝镜像地址已过期
haohaizi_liu的专栏
05-31 2924
npm ERR! request to https://registry.npm.taobao.org/vue-pdf failed,reason: certificate has expired。请求淘宝镜像地址失败，原因：淘宝镜像地址已变更，旧的证书已过期。这只是解决证书过期问题的一种方法，具体的解决方案可能会因你的项目配置和环境而有所不同。如果你在执行上述步骤后仍然遇到问题，可能需要检查你的网络连接、npm版本等其他因素。同时，如果你在使用其他工具或服务（如yarn、webpack等）。
vue使用Sass时报错问题的解决方法
10-14
通过以上步骤，大多数Vue项目中Sass的报错问题都能得到解决。如果仍然遇到问题，建议检查项目配置，特别是webpack配置，确保其正确处理Sass文件。同时，查阅报错信息，针对性地解决问题。希望本文提供的解决方案能对...
webstorm和.vue中es6语法报错的解决方法
08-27
ES6 语法报错是 WebStorm 和 Vue 开发中常见的问题，本文将总结 WebStorm 和 Vue 中 ES6 语法报错的解决方法，以便开发者避免采坑。 WebStorm 中 ES6 语法报错的解决方法 在 WebStorm 中，ES6 语法报错可以通过...
vue 项目地址去掉 #的方法
10-17
但启用此模式后，前端的改动并不足以解决问题，因为浏览器会尝试直接加载 URL 对应的服务器资源，如果没有正确配置后端，可能会导致 404 错误。 为了支持 `history` 模式，后端服务器需要进行相应配置，确保所有非...
vue项目中使用bpmn为节点添加颜色的方法
10-15
在Vue项目中，使用BPMN（Business Process Model and Notation）进行流程图绘制时，有时我们需要根据业务状态为流程图中的各个节点添加不同的颜色，以便于用户更好地理解和跟踪流程状态。本文将详细介绍两种方法来...
npm 错误：request to https://registry.npm.taobao.org/ failed, reason: certificate has expired
weixin_51487415的博客
02-22 2920
从报错信息不难看出：以前经常使用的淘宝镜像https://registry.npm.taobao.org/的证书过期了，就是该域名的备案证书过期了。查看registry字段值，如果当前配置的镜像就是旧的淘宝镜像，就需要更改。既然淘宝已经换了新域名，那就将原先配置的npm镜像源更改就好了。
安装url-loader失败，解决方法
Lian_Easel的博客
04-24 5886
安装url-loader失败 报错信息 $ npm install url-loader --save-dev npm ERR! Windows_NT 10.0.16299 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-c...
npm install node-sass报错问题总结 AMD
JumperBB的博客
05-30 1018
node-sass依赖于python，所以需要安装python。 这里需要注意的是看看我的电脑中的主板是Intel还是AMD的，我这个电脑是AMD的，所以基于AMD记录。 我刚开始的时候安装python2.7.x的版本，安装后再系统环境中配置，在项目中重新install，但是还是会报错python问题，我刻意的去检查了环境变量等问题发现没有问题，但为什么还是无法安装？ 3.x版本对于2.x版本他可以一个劲的安装就完事，环境变量也帮你配好了。 弄完之后就不会报错python问题了。 所以我跑去安
vue学习笔记五：vue路由
jinyeran的博客
12-08 1804
一、初识路由 二、vue-router 三、用户登录注册案例 四、动态路由 五、嵌套路由 六、命名路由 七、命名视图 八、编程式导航
Vue基础知识总结 9：vue webpack打包原理
学Java，找哪吒
10-06 2万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 一、前端模块化 webpack是让我们可以进行模块化开发，并且会帮助我们处理模块间的依赖关系。 并且不仅仅是JavaScript文件，还有CSS、图片、json文件等等，在webpack中都可以被当做模块来使用。 二、打
Vue 安装及运行
CN-LILU的博客
11-30 666
环境介绍： Win10+WebStorm 一，Vue.js简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 ...
webpack 安装vue组件的加载器vue-loader出现报错
weixin_43958820的博客
07-03 1824
webpack 安装vue组件的加载器vue-loader出现报错 报错内容:找不到vue-loader/lib/plugin这个路径 不知道是不是bug 新版vue-loader16.3没有/lib/plugin这个路径 可能是网络丢包 或是其他原因 就算配置了也会出现报错 主要原因还是这个路径没有 判断这个路径是否有的方法就是按住Ctrl键+鼠标左键点击 如果有跳转就是有路径 没有跳转和下划线就是没有路径 主要原因就是版本不对 把最新版换成15.9.2,前后来去不大 好用就行 解决方法: npm in
vue 报错：npm install 报错 error
qq_49355028的博客
01-13 1762
vue项目启动时，解决npm Install 报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值