使用node.js http-server启动了,但是网页打开显示无法正常工作

与node.js的相爱相杀

  • 忍不住碎碎念:我容易吗我...

话不多说,贴运行错误的地方:

解决办法:

装anywhere!然后在要设置的目录下 运行anywhere!就可以解决了!

anywhere安装命令:npm install -g anywhere

使用:在要启动静态服务的目录下执行

anywhere -p 8080

-p 后跟端口号

(来自:http://www.imooc.com/wenda/detail/561230 和https://blog.csdn.net/p358278505/article/details/81744643 )

效果:

我在桌面新建了一个名为11的文件夹,里面有这些:

记得Ctrl+C是退出。Desktop\11就是我打算要启动静态服务的目录。以下是运行效果


至于一开始怎么搭建node.js环境的,请看我的另一个链接:(如果不想点开链接,直接看下面给出来的吧)

  1. 关于nodejs的启动路径和当前路径问题
  2. 如何设置nodejs在Windows系统的环境变量
  3. node.js环境搭建与配置的那些坑(本人跟着做的,可实现!文章也就看了五六七遍吧)
  4. node教程
  5. NodeJs中的http-server的使用--解决chrome浏览器运行html和js文件的时候,无法调用本地的文件
  6. 本人想要实现的效果:nodejs:本地文件夹http服务器http-server
  7. https://blog.csdn.net/kriszhang/article/details/72802081(与6一起
  8. http-server 基于nodejs的http服务器
  9. https://blog.csdn.net/sinat_20177327/article/details/76152471#commentBox
  10. 简单搭建nodeJS服务,访问本地站点文件
  11. node.js的本地服务与全局设置
  12. npm环境变量配置

再碎碎念:当时一直打不开hostlocal,按其他帖子一般输入http-server就可以打开本地文件了,但是我这里一直显示错误,打开hostlocal就显示我IIS配置那些错误,本想着要不要先把IIS配置好将hostlocal显示出来先,再看下一步,但后来看到了目前的解决方案,把我目前的问题解决了,所以就没配置IIS,看之后是否需要配置吧。

19.12.26 又出错了。。。

我今天就只敲了这个。。。发现anywhere也用不了了...

贴几个链接以后解决问题时用吧..链接1链接2

如果运行报错 “live-server不是内部或外部命令“,这就说明没有配置环境变量,需要在系统中加入npm的路径,具体路径可以运行npm config ls 查看。

 链接1说可以用where检查全局路径,但可怜我的全局路径居然...

目前的解决办法是...安装VSCode的插件live server(参考视频 03:00开始),之后通过右键“Open With Live Server”来实现预览静态文件

2020.1.1 解决了!什么都解决了!

因为31号配vue-cli但也和上面的错误一样,所以只能把问题解决了。

怎么解决:转自这个

Nodejs全局安装模块后找不到命令的解决方法,看提示应该是环境变量的问题,执行如下命令得到Nodejs的模块安装路径:

npm prefix -g

将输出的全局安装路径加入的环境变量的Path条目中即可。

我“npm prefix -g”的结果:

显示我的Nodejs模块安装途径在D:\nodejs\node_global

得到了安装途径之后,我参考了node 修改全局环境变量npm环境变量配置,决定新增一个系统变量和用户变量。之前一直不加是因为这个帖子说最好不要新增系统变量(笔记:这个帖子说在系统变量里的path中添加D:\nodejs就可以了,但是我重启之后发现添加的D:\nodejs消失了,原因未知)。导致我一直不加。但现在我觉得不加的话我也没想到其他办法解决,那就先加吧,以后再说。

我新增系统变量的效果:

新增用户变量

第一步:选择Path

第二步:新增一个D:\nodejs\node_global的路径

记得配置好后要重启。重启之后再运行就得到了:

 

但弄完之后又有新的问题了..就是根据node环境变量配置,npm环境变量配置这篇18年的文章来看,存在一个比新建系统变量更好的方法配置环境变量...之后再说吧

  • 5
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值