NPM live-server: 命令未找到。

14

我使用以下命令全局安装了live-server:

npm install -g live-server但由于某些原因,它没有被找到,我收到了以下错误信息:

bash: live-server: command not found在输入live-server命令后。

所有东西都已经正确安装了:

/Users/username/npm-global/bin/live-server ->
/Users/username/npm-global/lib/node_modules/live-server/live-server.js
live-server@0.9.2 /Users/username/npm-global/lib/node_modules/live-server
├── object-assign@4.0.1
├── colors@1.1.2
├── event-stream@3.3.2 (pause-stream@0.0.11, duplexer@0.1.1, stream-combiner@0.0.4, from@0.1.3, map-stream@0.1.0, split@0.3.3, through@2.3.8)
├── opn@4.0.0 (pinkie-promise@2.0.0)
├── send@0.13.1 (escape-html@1.0.3, destroy@1.0.4, statuses@1.2.1, etag@1.7.0, fresh@0.3.0, range-parser@1.0.3, ms@0.7.1, debug@2.2.0, depd@1.1.0, mime@1.3.4, on-finished@2.3.0, http-errors@1.3.1)
├── morgan@1.7.0 (on-headers@1.0.1, basic-auth@1.0.3, depd@1.1.0, on-finished@2.3.0, debug@2.2.0)
├── connect@3.4.1 (utils-merge@1.0.0, parseurl@1.3.1, debug@2.2.0, finalhandler@0.4.1)
├── faye-websocket@0.10.0 (websocket-driver@0.6.4)
├── watchr@2.3.10 (bal-util@1.18.0)
└── serve-index@1.7.3 (parseurl@1.3.1, escape-html@1.0.3, batch@0.5.3, http-errors@1.3.1, debug@2.2.0, mime-types@2.1.10, accepts@1.2.13)

我在这里缺少什么?


可能是BrowserSync:安装browser-sync后未找到命令的重复问题。 - bolav
npm bin -g 返回什么?echo $PATH 返回什么? - bolav
npm bin -g 返回 /Users/davidknowles/npm-global/bin(不在 PATH 环境变量中)。 - Timidfriendly
/Users/davidknowles/npm-global/bin添加到您的路径中,就像我在我的答案中所说的那样。 npm 可能安装在另一个目录中。(运行 which npm 查看)。 - bolav
echo $PATH 返回 /usr/local/bin:/opt/local/bin:/opt/local/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin - Timidfriendly
npm bin -g 对我有用这让我知道了我的路径:/Users/MYUSERNAMEHERE/.npm-packages/bin(不在PATH变量中)我打开了.zshrc并添加了这一行:export PATH=$PATH:/Users/MYUSERNAMEHERE/.npm-packages/bin刷新您的.zshrc并进行实时重新加载显然,我正在使用zsh,但您也可以将其应用于bash我认为问题出现在人们使用brew与手动安装之间的区别,这就是为什么解决方案因手动和homebrew安装到不同目录而异的原因。 - Pip
10个回答

14

主要问题是Node.js不知道安装模块的路径。

输入此命令以获取所有全局模块的路径。

npm bin -g

它将显示路径(C:\ Users \ gf \ AppData \ Roaming \ npm),并且还会显示(不在PATH环境变量中)

复制该路径并将其添加到计算机的路径变量中(就像您在安装其他软件时所做的那样)。例如,在Windows 7中-右键单击我的电脑->选择属性->选择高级系统设置->环境变量

enter image description here

双击Path变量

enter image description here

在变量值中首先输入一个分号,然后粘贴您复制的路径,这样就可以正常工作了..


它起作用了,但只在我的情况下作为系统变量。感谢您的帮助! :-) - Dmitry

13
将npm安装路径添加到PATH中,在.bash_profile的末尾添加此行。在将其加入.bash_profile之前,先在bash中运行它以确保它能正常工作。
export PATH=$PATH:/Users/username/npm-global/bin

这完成了任务。谢谢。 - Timidfriendly
对我也起作用了,谢谢。 - ivsuleman
1
如果您正在使用 zsh,您可以在 ~/.zshrc 中添加以下内容:path+=('/Users/valydia/.npm-global/bin') export PATH - Valy Dia

7

请注意,不要盲目复制粘贴路径 /Users/username,请确保你做了

npm bin -g

如其他人所述,将实际路径添加到export PATH=$PATH:/YourActualPathHERE中。


如果我没有把它添加到我的 .bash_profile 文件中,那么每次我重置计算机时我都需要这样做吗? - teewuane
回答我自己的问题,答案是肯定的,除非你将其添加到你的.bash_profile或.zshrc中。 - teewuane

7
在我的情况下(Ubuntu,使用从软件包安装的npm),live-server模块没有被安装。它有助于:
npm install -g live-server

6

请尝试以root/Administrator身份安装

sudo npm install -g live-server

希望这能解决你的问题...对我有效...

1

如果您在使用Windows 10。

假设已安装了Nodejs、npm和GitBash终端

1.安装适用于Windows的Linux子系统: 打开PowerShell并键入:

Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux

  1. 打开gitBash.exe终端并键入: $ npm bin -g

  2. 复制路径: C:\Users\YourMachineName\AppData\Roaming\npm

5.点击搜索图标并键入“环境变量”...

6.选择“编辑您帐户的环境变量”

enter image description here

enter image description here

enter image description here

  1. 回到您的代码编辑器或另一个终端并测试工作。
  2. 有可能PowerShell无法正常工作。因此,如果您在Windows上使用VSCode开发网站,应选择GitBash作为默认终端。 在此输入图片描述

0

0

尝试将live-server作为开发依赖项在您的项目中使用。是的,这不是推荐的方式。但它是一种捷径,可以节省您宝贵的时间。


0

我的npm live-server一直运行良好,但突然间停止了,没有任何错误提示。 于是我不得不改用Visual Studio Code的live-server。 在阅读了许多文章后,我发现我的路径变量缺少C:\Windows\System32\变量。 仔细检查您的路径环境变量,确保您拥有所有所需的地址。


0
npm install -g http-server
    
http-server

Set-ExecutionPolicy RemoteSigned -Scope Process

npm install -g live-server

live-server

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接