使用 react-router-dom 時出現無效的 Websockets 幀錯誤。 我沒有使用 websocket

Question

所以我有一個奇怪的問題，我似乎無法在谷歌或任何更深入的挖掘中找到答案。 我沒有在我的 React 項目中使用 websockets。 但是，我正在使用 react-router-dom，當我從另一個頁面 go 到我的“/”鏈接時，我收到此錯誤並且它使我的應用程序崩潰。 有人對這是什么有任何見解嗎？ 多謝你們。

我的路線在 Switch 和 Router 組件中看起來像這樣<Route exact path="/" component={Landing}/> 。 典型的東西。

    RangeError: Invalid WebSocket frame: invalid status code 22373
    at Receiver.controlMessage (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/receiver.js:449:18)
    at Receiver.getData (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/receiver.js:335:42)
    at Receiver.startLoop (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/receiver.js:138:22)
    at Receiver._write (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/receiver.js:74:10)
    at doWrite (_stream_writable.js:431:12)
    at writeOrBuffer (_stream_writable.js:415:5)
    at Receiver.Writable.write (_stream_writable.js:305:11)
    at Socket.socketOnData (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/websocket.js:864:35)
    at Socket.emit (events.js:210:5)
    at addChunk (_stream_readable.js:309:12)
Emitted 'error' event on WebSocket instance at:
    at Receiver.receiverOnError (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/websocket.js:769:13)
    at Receiver.emit (events.js:210:5)
    at errorOrDestroy (internal/streams/destroy.js:108:12)
    at onwriteError (_stream_writable.js:446:5)
    at onwrite (_stream_writable.js:473:5)
    at Receiver.startLoop (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/receiver.js:147:5)
    at Receiver._write (/home/chuckyp/Desktop/datingapp/node_modules/webpack-dev-server/node_modules/ws/lib/receiver.js:74:10)
    [... lines matching original stack trace ...]
    at Receiver.Writable.write (_stream_writable.js:305:11) {
  [Symbol(status-code)]: 1002
}
error Command failed with exit code 1.

這是發生錯誤的頁面。 它不會立即發生。 當我轉到路由器中最后帶有“/”的組件時，似乎會發生這種情況。 如localhost:3000/home不會崩潰，但localhost:3000/home/會崩潰。 localhost:3000不會崩潰，但localhost:3000/會。 這是怎么回事？

const Landing = () => {
    
    const [component, setComponent] = useState(<LoginCreate/>)

   
    return(
        <>
            <Background >
                <ComponentsContext.Provider value = {[component, setComponent]}>
                    {component}
                </ComponentsContext.Provider>
            </Background>
        </>
    )
}

Answer 1

在我的情況下，將標簽更改為鏈接元素解決了這個問題