【问题标题】:npm live-server not opening browser or watching changesnpm live-server 未打开浏览器或查看更改
【发布时间】:2017-01-20 21:56:50
【问题描述】:

我目前正在尝试遵循 Angular 2 快速入门指南: https://angular.io/docs/js/latest/quickstart.html

我已经安装了 npm 包,如第一步所示,并编辑了 package.json 脚本部分,使其显示为:

  "scripts": {
    "start": "live-server"
  }

当我在终端中运行npm start 时,它会显示带有闪烁光标的命令,但不会打开新窗口,并且如果我手动打开,对源代码所做的任何更改都不会刷新窗口。

为了让服务器自动加载浏览器并在更改时刷新,我是否遗漏了什么?

源文件夹中的所有文件都在同一级别。

【问题讨论】:

    标签: angularjs npm


    【解决方案1】:

    在遵循 Angular 2 快速入门指南时,我遇到了与您完全相同的问题。 Live-server 默认地址为127.0.0.1 和端口8080。在我的情况下,与 live-server 和另一个试图在相同地址和端口上运行的程序发生冲突。

    如果只是浏览器没有启动,您可以尝试直接在浏览器中访问127.0.0.1:8080 并检查该页面是否有效。您也可以进入您的 package.json 并尝试在脚本行中添加自定义端口,如下所示:

    "start": "live-server --port=8181"
    

    这可以帮助解决您在端口8080 上可能遇到的任何冲突。在我让它启动浏览器后,我也遇到了它没有自动重新加载的问题,切换到端口 8181 也解决了这个问题。

    【讨论】:

    • 完美运行,谢谢!烦人的是它不会向控制台抛出错误来告诉你冲突。
    • 没问题。我同意,如果实时服务器检测到冲突并抛出错误,它会节省相当多的时间。
    【解决方案2】:

    你也可以使用命令行参数--open

        "start": "live-server --open=./app/"
    

    【讨论】:

      猜你喜欢
      • 2021-08-04
      • 1970-01-01
      • 2017-07-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多