2017-08-07 2 views
0

Ich habe Firebase gerade einen Schnelltest (eine einfache 'Hallo Welt' mit reactJS) bereitgestellt. (Ich habe gerade ein neues Firebase-Projekt erstellt und meinen Code implementiert, sodass ich im Firebase-Dashboard nichts konfiguriert habe.) In der Browser-Konsole sind aufgrund von webSocket einige Fehler aufgetreten. Kann mir jemand helfen, indem ich erzähle, wie ich prüfen kann, ob diese Anfragen kommen?WebSocket-Verbindung zur Website fehlgeschlagen: Fehler beim WebSocket-Handshake: Unerwarteter Antwortcode: 200

Dies ist mein Konsolenbildschirm mit den Fehlern.

enter image description here

Und die Anfragen. Sie enter image description here

Website: https://test-1d6f7.firebaseapp.com/

EDIT: Code

script.js

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

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

init(); 

Router/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; 
+0

Nichts in Firebase Hosting automatisch eine Web-Buchse verbunden wird, wenn ein Benutzer Ihre Website, ohne sich greift. Das URL-Muster sieht auch nicht so aus, als käme es vom Firebase-Datenbank-Client. Ich weiß nicht, woher die Verbindung in Ihrem Fall kommt. –

+0

Nur Firebase Hosting überprüft, aber nichts gefunden. Irgendwelche Vorschläge, was ich als nächstes tun kann? – Thore

Antwort

0

Der Fehler wird die Verbindung mit:

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

Wahrscheinlich versuchen Sie, die Firebase-Datenbank zu verwenden. In diesem Fall haben Sie die URL falsch eingegeben. Es sollte https://test-1d6f7.firebaseio.com sein (Hinweis firebaseio anstelle von firebaseapp).

+0

Etwas in Ihrer App versucht, einen Socket für das '/ test-1d6f7.firebaseapp.com' zu öffnen. Das ist keine gültige Verbindung, da Firebase Hosting eingehende Websocket-Verbindungen nicht akzeptiert. Ohne den [minimalen Code, der das Problem reproduziert] (http://stackoverflow.com/help/mcve) zu sehen, ist das obige meine beste Vermutung bezüglich der Ursache. –

+0

Ich habe den gesamten Code meines Projekts hinzugefügt – Thore

0

[Update] Ich fand heraus, dass das Problem begann, als ich

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

meine firebase.json Datei.

ich diese Linie bin mit einem 404. (see this post) auf bestimmte URLs auf meiner Website gehen können

Verwandte Themen