I'm encountering an issue with my Vue application as I am unable to load a specific page due to the app crashing. The console displays the following error, even though there is no implementation of Web Sockets in the app.
Despite adding this snippet to the webpack config, the problem persists:
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
devServer: {
// other devServer options
webSocketServer: 'none'
}
};
The main part of the error message reads as follows:
events.js:173
throw er; // Unhandled 'error' event
^
RangeError: Invalid WebSocket frame: RSV1 must be clear
If anyone has any insight on why this error is occurring, I would greatly appreciate your assistance.
UPDATE I can successfully run the app and see the following in the console:
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.147:8080/
Note that the development build is not optimized.
To create a production build, run npm run build.
The WebSocket error occurs when attempting to navigate to another view within the app.