Rundevlog

小さい会社のしがないエンジニアのブログ

2024.10.6

Macでnpm run serveしたら変なエラー出た【RangeError: Invalid WebSocket frame: RSV1 must be clear】

こんにちは。かじです。

最近、vueで開発していた最中、npm run serveをしたら、下記のようなエラーが出ました。

RangeError: Invalid WebSocket frame: RSV1 must be clear

色々とnode_moduleの奥底(websocket系の何か)がうまくいっていないみたい。

嫌な予感を隠せませんが、調べてみると案の定、英語記事ばかり。

しゃあなし、Stack Overflowを見てみることに。

とりま、ポート8080は、 OS側で使用しているよう。

なので、コマンドを下記のように変更して使用するポートを変更します。

$ npm run serve -- --port 8081

これで問題なく、ローカル環境で動くようになりました。

参考サイトは下記になります

https://stackoverflow.com/questions/77296871/websocket-invalid-websocket-frame-rsv1-must-be-clear-error-with-ws-library