vue初始化脚手架工程时npm报错

最新推荐文章于 2024-12-03 16:20:06 发布
最新推荐文章于 2024-12-03 16:20:06 发布
阅读量209 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 笔记 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ssojkl/article/details/115339260
这篇博客讲述了在Vue项目初始化过程中遇到的npm依赖安装错误，通过重置初始化步骤和浏览器测试，成功解决镜像问题。

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

在初始化一个vue项目后，下载依赖时npm报错。百度了一下，应该是镜像的问题，下面操作一波重新初始化就解决了

在这里插入图片描述
重新初始化
在这里插入图片描述

浏览器测试一下
在这里插入图片描述

多多OJ评测系统 前端项目环境初始化 安装Vue脚手架 引入Arco Design组件
温柔半两，从容一生
07-18 9万+
推荐的node js版本为为18 或者 16。其实我们脚手架已经帮我们做到了。我们首先试着引入一个组件试试看。我们在前端工程化的时候实际上。加到main.ts文件里面。我们打开webStorm。我们有一些代码规范的校验。就说明我们的项目引入成功。npm版本为9.5.1。配置脚手架后我们先运行。接下来要引入相关的组件。监测一下是否安装成功。要去重新配置环境变量。我们这边能获取到网址。代表的是项目运行成功。选择用npm进行安装。我们建议的是完整引入。
Vue学习之初始化脚手架
AtlantisPrincess的博客
06-05 450
Vue学习之脚手架初始化
vue项目npm i 报错
weixin_44751462的博客
04-02 5477
当从gitlab拉下代码之后，需要对vue项目进行npm install,但是无奈报了踩了坑，报了好多错，还好经过多番查找终于解决了这个问题。 这里是Node.js 在安装模块的时候报错，缺少python环境。 执行npm install global --production windows-build-tools 但是安装完这个之后还会报错，这里缺少node-gyp 执行npm ins...
npm cli脚手架项目安装和初始化常见的错误解决办法
一键写代码的博客
07-01 1075
1、npm安装淘宝镜像和查看镜像设置 npm config set registry https://registry.npm.taobao.org 可以先查看一下当前设置 npm config get registry 2、vue中npm install 错误（安装chromedriver失败）或是卡住 进入项目，使用命令： npm install chromedriver --chromedr...
初始化脚手架
qq_40713201的博客
08-18 1520
1.Vue脚手架是Vue官方提供的标准化开发工具（开发平台）2.最新的版本是5.x3.文档：https://cli.vuejs.org/zh/
脚手架初始化
Luckyzhoufangbing的博客
10-26 463
（一）命令行工具需要的几个要点 1. node 环境 2. commander ------ 用于定义命令 （一个 commander 包） 3. inquirer ------- 用于和用户交互 （比如五颜六色的命令行） （二）搭建脚手架工具的流程 1. 编写脚手架工具项目 2. 配置 package.json 3. 发布到 npm (本地测试可以用 npm link) 4....
npm搭建cli脚手架不成功
Shiny0815的博客
04-01 492
npm 装脚手架不成功，可以尝试删文件夹 C盘-users-administrator-AppData-Roaming 下面的 npm-cache即可
详解使用vue-cli脚手架初始化Vue项目下的项目结构
11-28
它极大地简化了Vue项目的初始化和配置过程，为开发者提供了现代化的前端开发流程。Vue CLI支持快速创建新项目，内置热重载、静态检查等功能，并且能够生成适合生产环境的构建配置。 使用Vue CLI的优势主要包括以下...
解决vue初始化项目时,一直卡在Project description上的问题
10-16
在初学者使用Vue进行项目开发时，可能会遇到各种问题，其中一种常见的问题是项目初始化时被卡在“Project description”步骤。这个问题通常意味着用户在创建新Vue项目时，配置或依赖管理出现了问题。 首先，我们...
webstorm+vue初始化项目的方法
12-12
初始化Vue项目时，可以使用Vue CLI的模板功能。例如，`vue init webpack-simple yunshi-approve`将创建一个基于webpack简单配置的新项目，而`vue init webpack yunshi-approve`则使用完整的webpack配置。这里的`...
vue-cli 4.5.7 安装报错，导致vue脚手架失效
在下魔王ii的博客
10-15 561
最近 vue-cli 版本更新到了4.5.7 重新执行 npm install -g @vue/cli 终端会报错，一系列的error，同时 vue 也会出问题，比如 vue -V 提示无法识别 vue 命令。 并不存在环境变量的问题，之前一直使用都没有问题，vue更新之后才报错的。 如何解决呢？ 终端输入： npm info vue 查看vue的信息。 npm config get registry https://registry.npmjs.org/ 我查了这些都没有问题，.
前端从零到一搭建脚手架并发布到npm
zyf_baby的博客
04-15 6810
好多前端童鞋工作多年依然不会搭建脚手架，本文就介绍下如何从零开始搭建一个属于你自己的前端脚手架，提高自己的工程化实力，同时也提高团队的开发效率。
vue-cli脚手架初始化vue项目
moon_tang的博客
07-26 1248
vue-cli就是Vue的脚手架工具，他帮助我们搭建基本的开发环境，利用它可以搞定项目目录，本地调试，单元测试及代码部署等等。 一、创建项目 参考网址（vue如何新建一个项目（超详细哦）） https://www.jianshu.com/p/02b12c600c7b 1、安装 vue-cli cmd npm install vue-cli -g 2、cmd,进入要创建文件的位置 例如我要在桌面上...
vue初始化脚手架
dlmyrt的博客
12-03 546
Vue CLI允许你通过vue.config.js文件对项目进行自定义配置。你可以在这个文件中修改Webpack配置、添加插件、配置开发服务器等。3.1 修改服务器端口打开vue.config.js，通过port修改端口号port: 3000, // 开发服务器端口})
vue脚手架初始化项目
weixin_63023132的博客
09-17 357
然后一路默认no， 回车 就可以创建一个初始的vue前端项目。主要是为了生成node_modules文件里面的内容。然后输入 npm run dev 即可运行代码。然后再项目目录下输入以下命令。
npm install 初始化项目报错终极通用解决办法
m0_55667633的博客
10-11 1961
问题出现的原因： 当我们处理下载下来的vue项目或其他前端项目时，第一步是要执行 npm install 初始化项目 但是，在这时项目经常会报错 出现这个问题的原因是我们电脑安装的npm版本和项目要求的npm环境版本不一致。 解决办法： 准备： 首先，请卸载赶紧自己电脑上的node，如何卸载，请在csdn上搜索。 不同的项目要不同的npm环境，因此我们可以下载nvm，nvm可以让我们在电脑上安装多个版本的node，并且可以在要用的时候随意切换。nvm是github上的开源项目，如果你不方便
创建vue脚手架时，npmERR报错的解决方法
cxyzsh_的博客
11-17 3570
创建vue cli时报错，出现npm ERR
手把手教你优雅的生成前端脚手架（一）：初始化包并发布npm【附源码】
想起来，就学习一下
06-16 566
手把手教你优雅的生成前端自己的脚手架新建一个空项目初始化包增加bin和index.js文件编辑bin下面index.js文件，代码如下将当前package链接到全局发布npm包下载npm包增加功能 废话不多说！！！ 新建一个空项目 初始化包 npm init -y 然后在package.json新增两项 "bin": { "qiji-cli": "./bin/index.js" }, "private":false bin目录下的qiji-cli表示，我们在命令行输入qiji-cli会
vue脚手架安装报错npm ERR! Unexpected token '.'
最新发布
03-13
### Vue CLI 安装过程中 `npm ERR! Unexpected token '.'` 错误解决方案 在安装 Vue CLI 的过程中如果遇到 `npm ERR! Unexpected token '.'` 错误，通常是由 Node.js 或 NVM 版本不兼容引起的。以下是详细的排查与修复方法： #### 1. 卸载旧版 NVM 和 Node.js 由于该错误可能由过时的 NVM 或 Node.js 版本引起，建议先卸载当前已有的版本并重新安装最新稳定版本。 - **卸载 NVM 已安装的 Node.js** 通过命令行执行以下操作来移除指定版本的 Node.js： ```bash nvm uninstall <version> ``` 例如：`nvm uninstall 16.14.0`[^3]。 - **完全卸载 NVM** 对于 Windows 用户，可以通过控制面板中的“程序和功能”选项找到 NVM 并双击卸载。 #### 2. 下载并重装最新版 NVM 访问官方站点 [NVM下载 - NVM中文网](https://github.com/coreybutler/nvm-windows/releases)，获取最新版本的 NVM (如 v1.1.12)。完成安装后重启终端以生效。 #### 3. 配置国内镜像源加速安装过程 为了提高后续依赖包的下载速度以及减少因网络原因导致失败的可能性，可以配置如下两项内容至本地 settings 文件中或者直接运行对应指令设定全局变量： - **Node.js 镜像** ```bash nvm node_mirror https://npm.taobao.org/mirrors/node/ ``` - **NPM 镜像** ```bash nvm npm_mirror https://npm.taobao.org/mirrors/npm/ ``` 上述两条语句能够有效切换到淘宝提供的中国区专用资源库链接上从而加快整个流程效率[^2]。 #### 4. 安装适配项目需求的具体 Node.js 版本 依据实际开发环境的要求挑选合适的 LTS(Long Term Support)长期支持系列或者其他推荐分支作为目标平台基础架构组件之一加入进来。比如目前比较流行且稳定的有v18.x.x等主流发行序列可供选择。 ```bash nvm install 18 --reinstall-packages-from=16 ``` 这条命令不仅会帮我们部署好最新的第十八代产品线实例出来供调用同时还保留原有十六系别的扩展插件资料不变以便迁移过渡期间平稳衔接两者之间差异部分处理机制。 #### 5. 初始化新的工作空间前清理残留缓存数据项 有时候即使完成了以上步骤仍然会出现某些异常状况，则可能是之前构建遗留下来的临时文件干扰到了现在的正常运转状态。因此有必要采取措施清除这些潜在隐患因素影响范围内的所有相关内容物事例举说明如下所示代码片段所表达含义即为此目的服务作用所在之处体现得淋漓尽致无遗也。 ```bash rm -rf ~/.npm/* npm cache clean --force ``` 最后再次尝试执行 vue cli 构建工具初始化命令验证最终成果效果如何呈现给大家看吧！ ```bash npm install -g @vue/cli ``` --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值