node.js下载和vite项目创建以及可能遇到的错误

news2024/11/29 3:52:19

目录

一、node.js的下载

1、去官网下载   节点.js (nodejs.org)

2、下载过程

第一步:

第二步:

第三步:

第四步:

第五步:

二、vite项目的创建(使用的工具是Hbuilder x)

第一步:

 出现报错

Need to install the following packages:  create-vite-app@1.21.0

第二步:

第三步:

 三、可能出现的报错问题:

1、安装成功之后,开始监视文件,出现如下报错:

  Usage: nodemon [nodemon options] [script.js] [args]

  See "nodemon --help" for more.​编辑

2、HbuilderX终端显示空白

3、'vite' 不是内部或外部命令,也不是可运行的程序 或批处理文件


一、node.js的下载

1、去官网下载   节点.js (nodejs.org)

2、下载过程

第一步:

就一直点击next  

选择安装路径,看你自己的想法咯(我选择安装在d盘)

 

 

 

 

 

 最后安装完成

第二步:

查看Node版本  在dos下    node -v

第三步:

拷贝myapi到本地磁盘  不要放在中文文件夹下

下载nodemon命令   npm install -g nodemon

第四步:

启动服务 nodemon index.js

第五步:

访问地址:http://localhost:3000

下图为运行成功以及报错解决方法,如果还是报模块的错误可以看看下面这篇文章。

Node.js Error: Cannot find module express的解决办法_determine ZandR的博客-CSDN博客

运行成功就是这样的一个界面 

二、vite项目的创建(使用的工具是Hbuilder x)

第一步:

打开cmd(在你自己项目文件夹中打开)

npm init vite-app 你自己项目的名字

如果没有报错的话直接到第二步

 出现报错

Need to install the following packages:
  create-vite-app@1.21.0

运行以下命令

npm i create-vite-app

 

创键成功

 第二步:

打开Hbuilder X,将你创建的文件导入 ,再右击打开终端,下载依赖npm i

第三步:

运行 npm run dev,出现以下界面即运行成功

 随便点进去一个,就可以出现下图(并不是所有人都有3个网址,因为我连接了宽带和WiFi)

 

 三、可能出现的报错问题:

1、安装成功之后,开始监视文件,出现如下报错:

  Usage: nodemon [nodemon options] [script.js] [args]

  See "nodemon --help" for more.

出现这个情况可能是当前你的笔记本系统设置了禁止运行脚本,解决办法是打开你的PowerShell,以管理员的身份运行

输入set-ExecutionPolicy RemoteSigned,回车

 输入Y或者A即可。

2、HbuilderX终端显示空白

解决方法:

1、查看是否是最高版本的,如果不是就更新HbuilderX

2、打开HBuilderX\plugins\builtincef3terminal\script下的main.js

将你自己的main.js图中路径改为 C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe

3、看是否在中文路径下(不要是中文路径)

3、'vite' 不是内部或外部命令,也不是可运行的程序 或批处理文件

解决方法:
1、删除 node_modules 文件夹 和 package-lock.json 文件

2、重新运行安装依赖 npm i

3、npm run dev 启动项目

以上就是本人遇到的一些问题,以及解决方法,希望多多指教

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

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

相关文章

基于matlab多功能相控阵雷达资源管理的服务质量优化

一、前言此示例说明如何为基于服务质量 (QoS) 优化的多功能相控阵雷达 (MPAR) 监控设置资源管理方案。它首先定义必须同时调查的多个搜索扇区的参数。然后,它介绍了累积检测范围作为搜索质量的度量,并展示了…

低代码开发平台|制造管理-工艺工序搭建指南

1、简介1.1、案例简介本文将介绍,如何搭建制造管理-工艺工序。1.2、应用场景先填充工序信息,再设置工艺路线对应的工序;工序信息及工艺路线列表报表展示的是所有工序、工艺路线信息,可进行新增对应数据的操作。2、设置方法2.1、表…

权限管理实现的两种方式(详解)

登录的接口请求的三个内容:1. token2. 用户信息、角色信息3. 菜单信息第一种:基于角色Role的动态路由管理 (不推荐,但市场用的比较多)首先列出枚举每个角色对应几个路由,然后根据用户登录的角色遍历枚举出来的角色动态注册对应的路…

4年功能测试经验,裸辞后找不到工作怎么办?

软件测试四年,主要是手动测试(部分自动化测试和性能测试,但是用的是公司内部自动化工具,而且我自动化方面是弱项。) 现在裸辞三个月了,面试机会少而且面试屡屡受挫。总结就是自动化,性能&#…

微服务保护:一、初识Sentinel

1.1.雪崩问题及解决方案 1.1.1.雪崩问题 微服务中,服务间调用关系错综复杂,一个微服务往往依赖于多个其它微服务。 如图,如果服务提供者I发生了故障,当前的应用的部分业务因为依赖于服务I,因此也会被阻塞。此时&…

链接脚本学习笔记

IAR 一般步骤 链接器用于链接过程。它通常执行以下过程(请注意,某些步骤可以通过命令行选项或链接器配置文件中的指令关闭): 1.确定应用程序中要包含哪些模块。始终包含对象文件中提供的模块。仅当库文件中的模块为从包含的模块…

智慧楼宇系统:商办楼宇运营方的不二之选

现在,许多商办楼宇运营方都倾向于选择专业的商办楼宇管理系统来完成日常运营管理,从而实现楼宇的高效运作。 那么问题来了,商办楼宇运营者该如何选购一个合适的楼宇管理系统?在选择系统之前,必须要清楚系统能解决哪些…

NODE => CORS跨域资源共享学习

1.CORS跨域资源共享 cors是Express的一个第三方中间件。通过安装和配置cors中间件,可以很方便地解决跨域问题 运行npm install cors 安装中间件使用const cors require(‘cors’) 导入中间件在路由之前调用 app.use(cors()&#…

Java · 常量介绍 · 变量类型转换 · 理解数值提升 · int 和 Stirng 之间的相互转换

书接上回 Java 变量介绍 我们继续学习以下内容. 四、常量字面值常量final 关键字修饰的常量五、理解类型转换int 和 long/double 相互赋值int 和 boolean 相互赋值int 字面值常量给 byte 赋值强制类型转换类型转换小结六、理解数值提升int 和 long 混合运算byte 和 byte 的运算…

大数据未来会如何发展

大数据应用的重要性,自全国提出“数据中国”的概念以来,我们周围默默地在发挥作用的大数据逐渐深入人们的心中,大数据的应用也越来越广泛,具体到金融、汽车、餐饮、电信、能源、体育和娱乐等领域 为什么大数据技术那么火&#xf…

机器学习之决策树原理详解、公式推导(手推)、面试问题、简单实例(python实现,sklearn调包)

目录1. 决策树原理1.1. 特性1.2. 思路1.3. 概念决策树概念信息论2. 公式推导2.1. 构造决策树2.1.1. ID3理论示例缺点2.1.2. C4.5理论示例缺点2.1.3. CART示例对比分析2.2. 剪枝3. 实例3.1. 数据集3.2. ID33.3. C4.53.4. CART3.5. sklearn实现4. 几个注意点(面试问题)5. 运行&am…

高性能MySQL -- 查询性能优化

一般来说一个好的程序:查询优化,索引优化,库表结构要同时进行优化。今天我们来讲一下查询优化。 我们需要对MySQL的架构有基本认知,所以这里贴一张图大家看看: 图片来自于《小林coding》 为什么从查询会慢&#xff1…

点云深度学习系列博客(四): 注意力机制原理概述

目录 1. 注意力机制由来 2. Nadaraya-Watson核回归 3. 多头注意力与自注意力 4. Transformer模型 Reference 随着Transformer模型在NLP,CV甚至CG领域的流行,注意力机制(Attention Mechanism)被越来越多的学者所注意,将…

九、Linux文件 - fopen函数和fclose函数讲解

目录 1.fopen函数 2.fclose函数 3.fopen函数和fclose实战 1.fopen函数 fopen fwrite fread fclose ...属于标准C库 include <stdio.h> standard io lib open close write read 属于Linux系统调用 可移植型&#xff1a;fopen > open&#xff08;open函数只在嵌入…

ES6的代理Proxy和反射Reflect的使用

一、Proxy使用 作用&#xff1a;Proxy是ES6为了操作对象而引入的API&#xff0c;不直接作用于对象&#xff0c;而是通过类似媒介的方式进行对象的操作使用 /*** target&#xff1a;需要proxy处理的对象* handler&#xff1a;对对象进行处理的方法 */ let proxy new Proxy(ta…

ARM uboot源码分析2-启动第一阶段

一、start.S 解析5 注释的中文含义&#xff1a; 当我们已经在 RAM 中运行时&#xff0c;我们不需要重新定位 U-Boot。实际上&#xff0c;在 U-Boot 在 RAM 中运行之前&#xff0c;必须配置内存控制器。 1、判断当前代码执行位置 (1) lowlevel_init.S 的 110-115 行。 (2) 这几…

5年经验之谈:月薪3000到30000,测试工程师的变“行”记!

自我介绍下&#xff0c;我是一名转IT测试人&#xff0c;我的专业是化学&#xff0c;去化工厂实习才发现这专业的坑人之处&#xff0c;化学试剂害人不浅&#xff0c;有毒&#xff0c;易燃易爆&#xff0c;实验室经常用丙酮&#xff0c;甲醇&#xff0c;四氯化碳&#xff0c;接触…

ESP32 Arduino(十二)lvgl移植使用

一、简介LVGL全程LittleVGL&#xff0c;是一个轻量化的&#xff0c;开源的&#xff0c;用于嵌入式GUI设计的图形库。并且配合LVGL模拟器&#xff0c;可以在电脑对界面进行编辑显示&#xff0c;测试通过后再移植进嵌入式设备中&#xff0c;实现高效的项目开发。SquareLine Studi…

RMI攻击中的ServerClient相互攻击反制

前言 前文中&#xff0c;我们分析了攻击Registry的两种方式&#xff0c;这里我们接着前面的内容&#xff0c;分析Server和Client的相互攻击方式。 Attacked Server Attacked By Client 首先我们搭建个示例&#xff0c;这里直接注册端和服务端放置在一起。 package pers.rm…

JS 实现抛物线动画案例

相信大家都有浏览过&#xff0c;很多购物网站购物车的添加商品动画&#xff0c;今天&#xff0c;我们就手写一个简单的抛物线动画&#xff0c;先上案例&#xff1a; 一、绘制页面 我们这里简单实现&#xff0c;一个按钮&#xff0c;一个购物车图标&#xff0c;样式这里直接跳过…