WebSocket与网站的连接失败：WebSocket握手期间出错：意外的响应代码：200

Question

我刚刚向Firebase部署了一个快速测试（一个带有reactJS的简单'Hello world'）。 （我刚刚创建了一个新的Firebase项目并部署了我的代码，因此我没有在Firebase仪表板中配置任何内容。）在浏览器控制台中，由于webSocket，我看到了一些错误。有人可以通过告诉我如何检查这些请求是否来自我来帮助我？

这是我的控制台屏幕，显示错误。

请求。他们

网站：https://test-1d6f7.firebaseapp.com/

编辑：代码

script.js

import {render} from 'react-dom';
import router from './router/';

const init = () => {
  render(
    router,
    document.querySelector(`.react-app`)
  );
};

init();

路由器/ index.js

import React from 'react';
import {render} from 'react-dom';
import {BrowserRouter, Router, Route, Switch} from 'react-router-dom';
import {App} from './../containers/';

export default (
  <BrowserRouter >
    <App>
      <Switch>
        <Route exact path="/" component={Home} />
      </Switch>
    </App>
  </BrowserRouter>
);

App.jsx

import React, {Component} from 'react';

class App extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <main>
        {this.props.children}
      </main>
    )
  }
}

export default App;

Home.jsx

import React, {Component} from 'react';

class Home extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <h1>Hello World</h1>
    )
  }
}

export default Home;

Answer 1

[更新]我发现添加

后问题就出现了

"rewrites": [{"source": "**", "destination": "/index.html"}]

到我的firebase.json文件。

我正在使用此行来访问我网站上的特定网址而不会获得404.（see this post）

Answer 2

错误正在连接到：

  

'WSS：//test-1d6f7.firebaseapp.com/sockjs-node/525/zl4etbam/websocket'

您可能正在尝试使用Firebase数据库，在这种情况下，您错误地输入了该网址。它应该是https://test-1d6f7.firebaseio.com（注意firebaseio而不是firebaseapp）。