live-server 命令行用法

Posted 2023-05-11

参考技术A 来自命令行的用法

live-server在您的项目目录中发出该命令。或者，您可以添加路径以充当命令行参数。

这将自动启动默认浏览器。当您对任何文件进行更改时，浏览器将重新加载页面 - 除非它是一个CSS文件，在这种情况下，应用这些更改时无需重新加载。

命令行参数：

--port=NUMBER - 选择要使用的端口，默认值：PORT env var或8080

--host=ADDRESS - 选择要绑定的主机地址，默认值：IP env var或0.0.0.0（“任意地址”）

--no-browser - 禁止自动Web浏览器启动

--browser=BROWSER - 指定使用浏览器而不是系统默认值

--quiet | -q - 禁止记录

--verbose | -V - 更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）

--open=PATH - 启动浏览器到PATH而不是服务器root

--watch=PATH - 用逗号分隔的路径来专门监视变化（默认值：观看所有内容）

--ignore=PATH- 要忽略的逗号分隔的路径字符串（ anymatch  -compatible definition）

--ignorePattern=RGXP-文件的正则表达式忽略（即.*\.jade）（ 不推荐使用 赞成--ignore）

--middleware=PATH - 导出要添加的中间件功能的.js文件的路径; 可以是没有路径的名称，也可以是引用middleware文件夹中捆绑的中间件的扩展名

--entry-file=PATH - 提供此文件（服务器根目录）代替丢失的文件（对单页应用程序有用）

--mount=ROUTE:PATH - 在定义的路线下提供路径内容（可能有多个定义）

--spa - 将请求从/ abc转换为/＃/ abc（适用于单页面应用）

--wait=MILLISECONDS - （默认100ms）等待所有更改，然后重新加载

--htpasswd=PATH - 启用期待位于PATH的htpasswd文件的http-auth

--cors - 为任何来源启用CORS（反映请求源，支持凭证的请求）

--https=PATH - 到HTTPS配置模块的路径

--proxy=ROUTE:URL - 代理ROUTE到URL的所有请求

--help | -h - 显示简洁的使用提示并退出

--version | -v - 显示版本并退出

默认选项：

如果文件~/.live-server.json存在，它将被加载并在命令行中用作live-server的默认选项。有关选项名称，请参阅“节点的使用情况”。

Angular 2 QuickStart Live-server 错误

【中文标题】Angular 2 QuickStart Live-server 错误

【英文标题】：Angular 2 QuickStart Live-server error

【发布时间】：2016-03-27 17:59:37

【问题描述】：

我是 angular 新手，我一直在尝试了解有关 angular2 的更多信息。 我已按照入门指南创建 angular2-quickstart 项目。 但是，当我运行命令 npm start 时，浏览器会启动，但 1 秒后一切都会失败。 以下是我的 npm 错误日志文件的内容：

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'lite' ]
2 info using npm@3.3.12
3 info using node@v5.2.0
4 verbose run-script [ 'prelite', 'lite', 'postlite' ]
5 info lifecycle angular2-quickstart@1.0.0~prelite: angular2-quickstart@1.0.0
6 silly lifecycle angular2-quickstart@1.0.0~prelite: no script for prelite, continuing
7 info lifecycle angular2-quickstart@1.0.0~lite: angular2-quickstart@1.0.0
8 verbose lifecycle angular2-quickstart@1.0.0~lite: unsafe-perm in lifecycle true
9 verbose lifecycle angular2-quickstart@1.0.0~lite: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/bakary/angular2-quickstart/node_modules/.bin:/usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/bakary/angular2-quickstart/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games
10 verbose lifecycle angular2-quickstart@1.0.0~lite: CWD: /home/bakary/angular2-quickstart
11 silly lifecycle angular2-quickstart@1.0.0~lite: Args: [ '-c', 'lite-server' ]
12 silly lifecycle angular2-quickstart@1.0.0~lite: Returned: code: 1  signal: null
13 info lifecycle angular2-quickstart@1.0.0~lite: Failed to exec lite script
14 verbose stack Error: angular2-quickstart@1.0.0 lite: `lite-server`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:232:16)
14 verbose stack     at emitTwo (events.js:88:13)
14 verbose stack     at EventEmitter.emit (events.js:173:7)
14 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
14 verbose stack     at emitTwo (events.js:88:13)
14 verbose stack     at ChildProcess.emit (events.js:173:7)
14 verbose stack     at maybeClose (internal/child_process.js:819:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:212:5)
15 verbose pkgid angular2-quickstart@1.0.0
16 verbose cwd /home/bakary/angular2-quickstart
17 error Linux 3.16.0-50-generic
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "lite"
19 error node v5.2.0
20 error npm  v3.3.12
21 error code ELIFECYCLE
22 error angular2-quickstart@1.0.0 lite: `lite-server`
22 error Exit status 1
23 error Failed at the angular2-quickstart@1.0.0 lite script 'lite-server'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the angular2-quickstart package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     lite-server
23 error You can get their info via:
23 error     npm owner ls angular2-quickstart
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

你能帮我弄清楚我做错了什么吗？

问候

【问题讨论】：

我解决了 mpn 和 lite-server 的问题 here

您是否以管理员权限运行命令？

谢谢@TomekMiszczyk！解决办法是更新ubuntu中的sysctl.conf。

这对我没有帮助。任何其他想法如何解决？

【参考方案1】：

我也有这个问题。 lite-server 的依赖似乎有什么问题。

我在packages.json换行了：

"start": "concurrent \"npm run tsc:w\" \"node .\" "

这个解决方案可以帮助我进一步研究 Angular2，但对于稍后解决 lite-server 的问题会很好。

【参考方案2】：

解决方法是在/etc/sysctl.conf中加入这一行

fs.inotify.max_user_watches = 524288 

然后在控制台输入sudo sysctl -p

【讨论】：

这解决了这个问题，谢谢。不过，稍微解释一下就好了：linux.die.net/man/8/sysctl 和 unix.stackexchange.com/questions/13751/… 很有启发性

如何在 Windows 10 中执行此操作？

@Shakee93 .... 是时候去 linux ... :P .... 现在更好了 =D

【参考方案3】：

更改 Package.json 脚本设置

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\",

到

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",

angular 2 已经从系统 js 转移到 webpack，找到示例应用程序，你们可以在其中开始使用 angular2 + webpack + Typescript https://github.com/IgnatiusAndrew/angular2-webpack-starter

【讨论】：

这为我修好了。

如前所述，这不能解决您的问题，TSC 失败是因为您的代码有问题。在我的情况下，这是由于在子文件夹中移动一些数据对象类文件后我忘记更改的导入。

为什么需要运行 tsc 两次？对吗？

@tt_Gantz 的评论更好。

这是我的答案谢谢。我正在关注来自 scotch.io 的 angular2 视频课程，现在很可能 packge.json 已经过时了，你的解释看起来完全正确。

【参考方案4】：

很多人说从package.json 启动脚本中删除tsc 对他们有帮助。在这种情况下，问题在于打字稿在您的代码中发现了问题。

尝试从终端运行tsc，看看输出是什么并修复它。如果问题出在tsc 上，那么修复它应该可以消除错误。

【参考方案5】：

就我而言，我只是忘了运行

npm install

【参考方案6】：

我通过更改解决了它：

“同时”：“^3.0.0”，

到

“同时”：“^2.0.0”，

在 package.json 中

【参考方案7】：

就我而言，我的 TypeScript import 语句路径之一不正确。

【参考方案8】：

在 Package.json 脚本中，而不是从 start 部分中删除 tsc，我将其定义如下：

"tsc": "tsc",
"tsc:w": "tsc -w",

所以"scripts" 现在看起来像这样：

"scripts": 
    ...
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\",
    ...

【参考方案9】：

解决无法启动 npm start 错误：

    tsc && concurrently "tsc -w" "lite-server"

（在上述所有尝试都失败之后）在 package.json 中使用： “tsc”：“tsc”， "tsc:w": "tsc -w", "start": "并发\"tsc -w\" \"lite-server\" ",