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

news/2024/7/10 2:38:07 标签: vue

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.niftyadmin.cn/n/4960304.html

相关文章

Python数据采集实战-使用BeautifulSoup框架解析HTML文档并提取所需内容(附源码和实现效果)

实现功能 使用BeautifulSoup框架解析HTML文档并提取所需内容的例子:假设我们要从以下HTML文档中提取所有超链接的链接地址 实现代码 from bs4 import BeautifulSoup import requests# 发送请求并获取HTML文档 url "https://www.baidu.com" response r…

A2O工艺一体化污水处理设备加工厂家

诸城市鑫淼环保小编带大家了解一下A2O工艺一体化污水处理设备加工厂家 AAO一体化污水处理设备的构造与工艺流程: AAO一体化污水处理设备以AAO工艺为基础,将各个处理单元紧密融合,通过精心设计的流程,实现全面、高效的废水净化。 1…

kubesphere部署rocketmq5.x,并对外暴露端口

kubesphere是青云开源的k8s管理工具,用户可以方便的通过页面进行k8s部署的部署,rocketmq则是阿里开源的一款mq平台,现在版本为5.1.3版本,较比4.x版本的rocketmq有比较大的调整:比如客户端的轻量化(统一通过…

WPF中的效果Effect

WPF中的效果Effect 前言 WPF提供了可应用于任何元素的可视化效果。效果的目标是提供一种简便的声明式方法,从而改进文本、图像、按钮以及其他控件的外观。不是编写自己的绘图代码,而是使用某个继承自Effect的类,以立即获得诸如模糊、光辉以…

【优选算法】—— 字符串匹配算法

在本期的字符串匹配算法中,我将给大家带来常见的两种经典的示例: 1、暴力匹配(BF)算法 2、KMP算法 目录 (一)暴力匹配(BF)算法 1、思想 2、演示 3、代码展示 (二&…

接口自动化yaml文件读取与写入

前言 在走进yaml文件之前大家应该都很想知道他是用来干嘛的? 是的是的,他是用来做接口自动化测试的。 我们一起来学习他吧!——(一定要收藏带走哦❤) 1、yaml文件有什么作用呢? ①可作为配置文件使用—…

python代码——批量删除目录下的指定文件

语言:python 3 用法:对该目录下的所有文件遍历,包括子目录,删除所有指定名称文件 如运行中报错,需要自行根据报错内容按照缺失的库 import osfrom tkinter import Tk from tkinter import filedialogroot Tk() roo…

大数据 算法

什么是大数据 大数据是指数据量巨大、类型繁多、处理速度快的数据集合。这些数据集合通常包括结构化数据(如数据库中的表格数据)、半结构化数据(如XML文件)和非结构化数据(如文本、音频和视频文件)。大数据…