尝试连接到 localhost:5000 Firebase 时出现“无法获取 /”答案

【问题标题】：Getting 'Cannot GET /' when trying to connect to localhost:5000 Firebase尝试连接到 localhost:5000 Firebase 时出现“无法获取 /”
【发布时间】：2017-03-14 01:20:52
【问题描述】：

我正在尝试让 Firebase 上的 localhost 服务器正常工作，但我继续在浏览器中收到以下消息“无法获取 /”。我看了一下控制台，它说的是'http://localhost:5000/ 404（未找到）'。

我尝试使用“firebase serve”重新运行服务器，但没有帮助。我再次运行了“firebase init”，但这也没有帮助。我通过运行“npm install -g firebase-tools”重新安装了 firebase 工具，然后再次运行 firebase serve，但仍然没有。

不确定发生了什么，因为它最初可以正常工作。我安装了一些 grunt 插件并将我的 index.html 文件移动到一个 html 文件夹下，尽管我在公共文件夹下仍然有一个 index.html 文件，它仍然显示“无法获取 /”

我也尝试在不同的浏览器中重新启动它们等。

我使用的是 Mac OS X El Capitan。

如果您需要更多信息，请告诉我。提前致谢

【问题讨论】：

标签： node.js firebase firebase-hosting firebase-tools

【解决方案1】：

如果你喜欢我，在考虑问题之前，请确保你提供了正确的 URL 到 index.html。

就我而言，我没有考虑目录的不同结构。您应该提供 index.html 相对于您的 firebase 项目的根目录的路径。例如，在我的例子中，正确的 URL 是 http://localhost:5000/button-component/public/

【讨论】：

【解决方案2】：

请检查您网站的内容是否存在于文件夹中

  "hosting": {
    "public": "<folder with your website files>",

来自您的配置“firebase.json”

【讨论】：

【解决方案3】：

我在尝试使用 firebase 命令为 Angular 应用程序提供服务时遇到了同样的问题。首先，您应该看到 firebase.json 文件。它应该包含“公共”值，例如：

{
    "public":"dist/ProjectName"
    ...
}

但 dist 文件夹只有在您构建 Angular 项目后才会自动创建：

ng build --prod

之后你可以做到：

firebase serve

希望对初学者有所帮助。

【讨论】：

谢谢，我在物理文件夹名称上打错了字，而不是在 firebase.json 文件上。

【解决方案4】：

如果这可以帮助某人节省时间.. 一种可能性：可能是构建步骤没有完成，这是我的情况，并且 build/... 目录没有 index.html

【讨论】：

【解决方案5】：

如果您在项目文件夹中运行“firebase serve”，则会显示错误消息。

使用“cd ..”导航到父文件夹（上一级）并从那里启动服务器。

【讨论】：

【解决方案6】：

我在“友好聊天”教程的scripts 目录中运行firebase serve 时遇到了这个问题。从父目录启动服务器使其再次按预期工作。

【讨论】：

完美。为我工作。
关闭服务器（firebase 控制台 - Ctrl + C）并看到您在项目（父）目录中。然后再试一次

【解决方案7】：

好的，这样就可以了，但几乎必须从头开始。我删除了公用文件夹，只是将我的 html、css、js 和 node-module 文件夹从我的项目目录中移出，然后重新安装了 firebase-tools 并运行了“firebase init”命令，然后重新启动了 localhost 服务器，一切都开始了再次工作。在那之后，我移回了所有以前的文件夹，一切都像以前一样工作。

不是 100% 确定问题是如何发生的，但有一次我确实删除了我的 index.html 文件，然后在我测试某些东西时将其放回原处。在这一点上，我觉得问题开始了。我将尝试在测试项目中测试这种情况，但我想暂时不要删除您的 index.html 文件，只需修改现有文件即可。谢谢大家。

【讨论】：

解决方案测试和批准！
你有没有发现更多关于这个问题的信息，而我没有得到相同的结果。杀死了我的整个项目。
重启项目不是有效的解决方案。