npm或yarn安装http-server成功后却运行失败、报错

本文指导读者如何在Windows上正确安装和配置http-server,包括遇到的路径错误、缺失文件夹问题,以及全局变量设置。通过详细步骤和解决技巧,确保http-server的顺利运行。

首先安装http-serve
打开cmder输入命令安装会很便利。
下面三行分别是对应的工具安装的命令行,任选一种如果是默认的就是第一行,不用指定目录,随便哪个当前目录都行:

npm install http-server -g
pm i http-server
yarn -g http-server

复制代码
我是输入第一条回车
以上选好命令运行安装
显示安装完成后,查看一下版本号,输入下面命令回车

http-server --version

复制代码
这一步可以发现报错

在这里插入图片描述

这里找不到c:\Users Administrator\AppData\Roaming\npm\node_modules\httr-server\bin\http-server文件,输入http-server -c-1启动http-server也是一样的报错·····

到所在目录查看一下,发现不存在http-serever文件夹
不存在http-serever文件夹

当时我是重新运行安装命令再次安装一下的,因为我也不知道是不是只是缺一个文件夹那么简单,看一下重新安装后的反馈

在这里插入图片描述

某些文件是exist即存在的,所以err提示,但是实际却不存在http-serever文件夹,手动到目录c:\Users Administrator\AppData\Roaming\npm\node_modules\里创建一个http-server文件夹(可能安装下载的读写软件缺乏权限,我们手动创建一个)

新建文件夹.png

这时候往上走一层目录回到c:\Users Administrator\AppData\Roaming\npm
下图的hs开头的和http开头的这6个文件选择删除,没有的话可以忽略

在这里插入图片描述

这时候我们打开cmder输入之前的npm安装命令行进行安装,现在已经不会提示部分文件已存在了

在这里插入图片描述

回到文件夹里可以看到http-server里有内容了

在这里插入图片描述

好了,到这步基本成功了,只需要注意一下全局变量是否自动设置有。如果没有的话手动复制一下路径放入环境变量Path里。复制下面的路径:

在这里插入图片描述

c:\Users Administrator\AppData\Roaming\npm\node_modules\httr-server\bin
复制代码
然后打开我的电脑–>属性–>高级系统设置–>环境变量–>双击path–>新建–>粘贴复制的路径进去,然后每一步点击确定按钮结束选项框。

在这里插入图片描述

在cmder里面输入http-server --version 查询版本号,可以正常显示说明没有问题了

在这里插入图片描述

现在启动一下http-server,复制并输入下面的命令,可以看到http服务正常启动了,ctrl+单击 进行使用吧!

http-server -c-1

复制代码
在这里插入图片描述

每个人遇到的情况都会有差异,注意看一下erro报错,结合一下具体原因解决一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值