【vue3】vite工具创建vue3项目,遇到的坑及解决办法

news2024/10/7 20:26:33

1、在对应文件夹下执行npm create vite

在这里插入图片描述

报错如下:

在这里插入图片描述
解决步骤可看这篇文章:npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法

主要是因为我的nvm版本是1.1.7,版本太低,里面没有集成高版本node导致的

在这里插入图片描述

将现有的node版本全部删除,nvm uninstall [xxx]
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点确定
在这里插入图片描述
选择是
在这里插入图片描述
卸载成功
在这里插入图片描述
. 下载新版nvm(下载:NVM下载 - NVM中文网或者github上)下载地址
在这里插入图片描述
下载后得到一个压缩包,里面只有一个exe文件,直接双击
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装成功后,配置settings.txt文件,设置国内镜像

// 设置node镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/
// 设置npm镜像
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

安装之前卸载的node所有版本,安装node的时候,会对应的把匹配的npm也下载好
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装的过程中我发现它会自动创建一个temp文件夹,如果这个时候点击14.5.0版本的文件夹,会发现里面的内容不全,一开始我以为有问题,手动删除重新装,后来发现它在安装完成后自动删除temp文件夹,不需要我们操作什么,只要耐心等一下就行
在这里插入图片描述

2、重新运行npm create vite,提示需要下载create-vite,敲y然后回车
在这里插入图片描述
3、输入项目名称
在这里插入图片描述
选择项目框架
在这里插入图片描述
选择语法
在这里插入图片描述
进入到项目,安装依赖,运行项目
在这里插入图片描述
项目运行成功
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/915927.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

基于swing的超市信息管理系统java jsp仓库进销存mysql源代码

本项目为前几天收费帮学妹做的一个项目,Java EE JSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。 一、项目描述 基于swing的超市信息管理系统 系统有1权限&#xff1…

〔016〕Stable Diffusion 之 模型工具箱和图片背景移除 篇

✨ 目录 🎈 下载插件🎈 基础使用界面🎈 高级使用界面🎈 下载背景移除插件🎈 移除插件使用🎈 下载插件 由于模型很多,而且底模也非常大,对于空间占用比较大,如果想缩小模型体积,可以使用模型工具箱插件该插件主要支持 模型的修剪、转换.safetensors格式、提取和…

Java“牵手”虾皮商品详情数据,根据商品ID获取虾皮(Shopee商品详情数据接口,虾皮API接口申请指南

虾皮(shopee)商城是一个跨境网上批发购物平台,售卖各类商品,包括服装、鞋类、家居用品、美妆产品、电子产品等。要获取虾皮商品详情数据,您可以通过开放平台的接口或者直接访问虾皮商城的网页来获取商品详情信息。以下…

vue 简单实验 数据更新

1.代码 <script src"https://unpkg.com/vuenext" rel"external nofollow" ></script> <div id"counter">Counter: {{ counter }} </div> <script> const Counter {data() {return {counter: 5}},mounted() {set…

从陌生到熟练使用string类

&#x1f388;个人主页:&#x1f388; :✨✨✨初阶牛✨✨✨ &#x1f43b;推荐专栏1: &#x1f354;&#x1f35f;&#x1f32f;C语言初阶 &#x1f43b;推荐专栏2: &#x1f354;&#x1f35f;&#x1f32f;C语言进阶 &#x1f511;个人信条: &#x1f335;知行合一 &#x1f…

基于nginx禁用访问ip

一、背景 网络安全防护时&#xff0c;禁用部分访问ip,基于nginx可快速简单实现禁用。 二、操作 1、创建 conf.d文件夹 在nginx conf 目录下创建conf.d文件夹 Nginx 扩展配置文件一般在conf.d mkdir conf.d 2、新建blocksip.conf文件 在conf.d目录新建禁用ip的扩展配置文…

关于LED电子显示屏幕的显示功能

因为LED显示屏的发光颜色和发光效率与制作LED的材料和工艺相关&#xff0c;目前广泛采用的有红、绿、蓝三种颜色的LED。这些LED的独特之处在于它们工作时需要的电压极低&#xff08;仅1.5-3V&#xff09;&#xff0c;能够主动发光&#xff0c;并且具有一定的亮度。这亮度可以通…

清醒和非快速眼动睡眠EEG微状态序列的频率分析

摘要 大多数脑电(EEG)微状态分析都是在清醒状态下进行数据采集&#xff0c;而现有的睡眠研究主要集中在空间微状态特性的变化以及相邻时间点之间的微状态转换上&#xff0c;睡眠状态下脑电微状态研究尚且不足。本研究旨在对清醒和非快速眼动(NREM)睡眠阶段的非平滑EEG微状态序…

Swift 周报 第三十四期

文章目录 前言新闻和社区iPhone Pro 要提价&#xff01;新款 iPhone 或会使用 USB-C 充电器&#xff0c;边框更薄与 App Store 专家会面交流让你的 App 和游戏在 visionOS 模拟器外更进一步 提案通过的提案正在审查的提案 Swift论坛推荐博文话题讨论关于我们 前言 本期是 Swif…

AutoSAR配置与实践(基础篇)3.4 BSW 的存储功能

AutoSAR配置与实践(基础篇)3.4 BSW 的存储功能 一、存储功能简介二、片内存储三、片外存储一、存储功能简介 分层和模块: 在内存栈中包含服务层(NvM)、抽象层(MemIf、EA、Fee、Ex EE Drv、Ex Fls Drv)、MCAL(SPI、EE Drv、Fls Drv)几个模块。 片内外存储: AutoSAR…

windows下nginx配置为服务

​ 1.下载winswx。 下载地址&#xff1a;winsw下载 2.解压后将其重命名为“nginx-service”,并将其放到nginx目录下。 3.新建一个文本文档内容如下&#xff1a;&#xff08;里面的路径根据自己的情况修改&#xff09; <service> <id>nginx</id> <name&…

内核编译机制

inux内核的编译主要过程&#xff1a;配置、编译、安装。 配置主要由Kconfig提供图形界面完成 编译主要基于Kbuild编译系统&#xff0c;执行make完成编译 安装主要也是基于Kbuild提供的脚本&#xff0c;然后执行make完成安装 Kconfig Kconfig用于内核的配置&#xff0c;mak…

PyQt5实操及问题记录

下载与配置 下载 下载使用pip install即可 pip install PyQt5 -i https://pypi.douban.com/simple pip install PyQt5-tools -i https://pypi.douban.com/simple配置 参考&#xff1a; https://blog.csdn.net/m0_57021623/article/details/123459038?ops_request_misc%257…

线程池一定需要了解的那些事

一、阿里Java开发规范&#xff0c;为啥禁止直接使用Executors创建线程池 newFixdThreadPool 及 singleThreadPool 中默认队列长度为 Integer.MAX_VALUE&#xff0c;如果线程执行比较耗时&#xff0c;执行任务的线程在队列中产生大量堆积&#xff0c;进而有导致虚拟机OOM 的风险…

罗德与施瓦茨网络分析仪RSZVA40

ZVA40 主要特点 台具有以下特点的矢量网络分析仪 带 4 个内部信号源&#xff0c;频率高达 67 GHz&#xff0c;可以快速地对放大器和混频器进行测量 具有 4 个相位相干信号发生器功能&#xff08;频率可高达 67 GHz&#xff09; 壹捌叁贰零玖壹捌陆伍叁 中频带宽可高达 30 …

2023国赛数学建模思路 - 案例:最短时间生产计划安排

文章目录 0 赛题思路1 模型描述2 实例2.1 问题描述2.2 数学模型2.2.1 模型流程2.2.2 符号约定2.2.3 求解模型 2.3 相关代码2.4 模型求解结果 建模资料 0 赛题思路 &#xff08;赛题出来以后第一时间在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 最短时…

一、pikachu之SQL注入(1)

文章目录 一、SQL注入步骤二、数字型注入(post注入)三、字符型注入(get)四、搜索型注入五、XX型注入六、“insert/updata”注入 一、SQL注入步骤 寻找传参页面&#xff1b;判断是否存在注入点&#xff1b; 字符型注入&#xff1f;数字型注入&#xff1f; 判断字段的数量&#…

引领娱乐潮流:邀请明星办个人演唱会的五大关键步骤

随着娱乐产业的不断壮大和观众对明星的热情高涨&#xff0c;举办个人演唱会已经成为了一种广受欢迎的文化现象。这种活动不仅让粉丝们有机会亲身近距离感受偶像的音乐魅力&#xff0c;同时也为明星和品牌提供了一个宝贵的互动平台。然而&#xff0c;要成功地邀请明星办个人演唱…

Prometheus监控之SNMP Exporter介绍和数据展现

1 SNMP协议介绍 SNMP协议全称是&#xff1a;Simple Network Management Protocol&#xff0c;译为简单网络管理协议&#xff0c;是作为TCP/IP网络管理标准协议&#xff0c;为不同的设备提供统一接口&#xff0c;实现了网络设备之间的统一管理。 SNMP协议分为三个版本&#xf…

Java-进程调度算法

文章目录 为什么要设置进程调度算法&#xff1f;分类1. 先进先出&#xff08;FIFO&#xff09;算法优缺点FIFO代码示例 2. 短作业优先&#xff08;SJF&#xff09;算法优缺点示例代码 3. 优先级算法&#xff08;Priority scheduling&#xff09;优缺点示例代码 4. 时间片轮转算…