ng serve error：getaddrinfo ENOTFOUND localhost

Question

我收到了这个错误：

ng serve

运行ng serve --port 4200 --host 0.0.0.0 时

。在Web查找之后，对此问题的建议答案是改为运行此命令：

const headers = new Headers({
   'Content-Type': 'application/json',
   'X-WP-Nonce': WPAPI.nonce
});  

fetch(WPAPI.root + 'my-endpoint/upload/', {
    method: 'POST',
    headers: headers,
    body: JSON.stringify(data)
})

不幸的是，说明没有解释。

这样可以成功编译Angular项目。我不知道为什么。有人可以解释为什么这有效以及后台发生了什么？感谢

Answer 1

对我来说，问题是主机条目：

因为我在使用MAC 我<md-content class="md-padding"> <div class="main columns vertical"> <nav class="box1">nav</nav> <div class="box columns vertical"> <div class="b">asdasd</div> <div class="box2 columns vertical"> <div class="box21 columns"> box21 </div> <div class="box22 columns"> <div class="box221">box221</div> <div class="box222"> <p>a</p> <p>a</p> <p>a</p> </div> </div> </div> </div> </div> </md-content>型终端 然后

cmd+space bar

添加本地主机条目 sudo nano /private/etc/hosts 和 ^ + O to save退出

然后我的问题解决了

Answer 2

嗨，我遇到了同样的问题，我的配置是虚拟主机不是本地主机。同时，当全局Angular CLI版本与本地Angular CLI版本之间存在冲突时，也会出现此问题。 我尝试使用对我有用的ng serve --port 4200 --host 127.0.0.1。

谢谢

Answer 3

针对Ubuntu用户的解决方案

在您的操作系统的--host文件中没有显式条目之前，

hosts选项不起作用。我解决了这个问题，并在ubuntu操作系统的hosts' file under 〜/ etc / hosts`中添加了一个主机项。

编辑hosts文件

sudo vim /etc/hosts // you could use nano or something else as per your preferred editor

主机内部的输入示例

Answer 4

对于那些使用docker的人来说，我遇到了这个问题，因为我的docker卡住了，请重置docker应用程序，然后一切都会恢复正常。

Answer 5

就我而言，这是一个损坏的“主机”文件。我的MAC OS上的每夜更新导致了此问题。 最初，此错误没有任何意义，所有条件都具有误导性：

1. 我整天都在“ ng服务”，直到突然vscode 一天晚上开始抛出该错误！
2. 一年没有更新主机文件了。
3. cat / etc / hosts-> 127.0.0.1本地主机（无错误！）
4. ls -rtl / etc->托管在早上修改的文件！
5. vi / etc / hosts->使用cat命令不可见的一堆ASCII字符现在可见，并且损坏了文件！
6. 我删除了不需要的字符并解决了问题。