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

956 阅读2分钟

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

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

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

http-server --version

这一步可以发现报错

无法查看版本号.png
这里找不到c:\Users Administrator\AppData\Roaming\npm\node_modules\httr-server\bin\http-server文件,输入http-server -c-1启动http-server也是一样的报错·····

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

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

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

新建文件夹.png

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

删除这几个文件重新安装.png

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

nmp再次安装.png

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

文件夹下面有文件了.png

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

地址目录.png

c:\Users Administrator\AppData\Roaming\npm\node_modules\httr-server\bin

然后打开我的电脑-->属性-->高级系统设置-->环境变量-->双击path-->新建-->粘贴复制的路径进去,然后每一步点击确定按钮结束选项框。

环境变量.png

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

查询版本号.png

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

http-server -c-1

运行成功.png

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