2017-08-07 227 views
0

我剛剛部署了一個快速測試(一個簡單的'Hello World'with reactJS)到Firebase。 (我剛剛製作了一個新的Firebase項目並部署了我的代碼,因此我沒有在Firebase儀表板中配置任何內容。)在瀏覽器控制檯中,我看到由於webSocket導致的一些錯誤。有人能告訴我如何檢查這些請求是從哪裏來的嗎?WebSocket連接到網站失敗:WebSocket握手期間出錯:意外的響應代碼:200

這是我的控制檯屏幕上的錯誤。

enter image description here

而且請求。他們 enter image description here

網站: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; 
+0

沒有連接網絡插座。 URL模式看起來不像來自Firebase數據庫客戶端。我不確定您的案例中的連接來自哪裏。 –

+0

剛剛選中了Firebase Hosting,但什麼也沒找到。任何建議我接下來可以做什麼? – Thore

回答

0

該錯誤連接到:

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

可能是您嘗試使用Firebase數據庫,在這種情況下,您輸入的網址錯誤。它應該是https://test-1d6f7.firebaseio.com(注意firebaseio而不是firebaseapp)。

+0

你應用程序中的某些東西試圖打開'/ test-1d6f7.firebaseapp.com'的套接字。這不是有效的連接,因爲Firebase託管不會像這樣接收傳入的WebSocket連接。沒有看到[重現問題的最小代碼](http://stackoverflow.com/help/mcve),以上是我最好的猜測原因。 –

+0

我添加了我的項目中的所有代碼 – Thore

0

[更新]我發現這個問題開始時,我加入

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

我firebase.json文件。

我用這條線可以去特定的URL在我的網站,而不當用戶訪問您的網站獲得在火力地堡自動託管的404(see this post

相關問題