I've been working on integrating sockets into my app, but have run into an error https://i.stack.imgur.com/4lUF7.png
Interestingly, when I tested the socket functionality in a separate test app using the same code, everything worked perfectly. However, within my main app, something seems to be amiss. I suspect it may have to do with having multiple HTML pages and needing to specify the paths correctly, but all of my attempts at doing so have failed.
Below is the current code that functions without issues in the test app but throws an 'io is not defined' error:
In the HTML:
https://i.stack.imgur.com/Sw3OI.pngIn Node.js:
import http from 'http';
import { Server } from "socket.io";
const server = http.createServer(app);
const io = new Server(server);
io.on('connection', (socket) => {
console.log('a user connected');
socket.on('/chatmessage', (stuff) => {
var currentUser = stuff.currentUser;
db.collection('Messaging').where('Users', 'array-contains', currentUser).onSnapshot((querySnap) => {
console.log('REALTIME CALLED')
const doc = querySnap.docChanges()[0].doc;
const data = querySnap.docChanges()[0].doc.data();
var theObj = {id: doc.id, User1: data.User1, User2: data.User2, Users: data.Users, Last: data.Last, Created: data.Created, User1Messages: data.User1Messages, User2Messages: data.User2Messages }
socket.emit('/chatmessagechange', dataToSend);
}).catch((err) => {
console.log(err);
var dataToSend = {Error:"yes"};
socket.emit('chat message change', dataToSend);
})
})
});
The 'a user connected' log never shows up due to a client-side error when running the page. If the issue indeed stems from dealing with multiple HTML files and configuring paths properly, how should this be addressed? Thanks.