Невозможно прочитать свойства null (чтение «addEventListener»). Возникает ошибка при подключении к sockjs. ⇐ JAVA

[Гость]

Я получаю указанную выше ошибку при попытке запустить приложение. Я использую Spring Boot на бэкэнде и веб-сокете. И используя библиотеку js и sockjs. Это ошибка, которую я получаю:

ChatRoom.js:45 Uncaught TypeError: невозможно прочитать свойства со значением null (чтение «addEventListener»)
в чате (ChatRoom.js:45:1)
в renderWithHooks (react-dom.development.js1)
в mountIndeterminateComponent (реагировать-dom.development.js1)
в BeginWork (реагировать-dom.development.js1)
в BeginWork$1 (реагировать-dom.development.js1)
в PerformUnitOfWork (реагировать-dom.development.js1)
на работеLoopSync (реагировать-dom.development.js1)
в renderRootSync (react-dom.development.js1)
в PerformSyncWorkOnRoot (реагировать-dom.development.js1)
вlushSyncCallbacks (реагировать-dom.development.js1)
abstract-xhr.js:132 GET https://localhost:8282/NotificationServ ... 5387828667
сеть::ERR_CERT_AUTHORITY_INVALID

Все работает нормально, если вместо создания отдельного файла для кода внешнего интерфейса я помещаю весь код в сам проект весенней загрузки.

Это файл компонент/chatRoom.js

const ChatRoom = () => { пусть сокет = новый SockJS("https://localhost:8282/NotificationService"); пусть stompClient = over(socket); stompClient.connect({}, (frame) => { console.log('Соединение WebSocket установлено.'); stompClient.subscribe('/notification/message', (сообщение) => { const уведомление = JSON.parse(message.body); displayMessage (уведомление); }); }); функция sendMessage() { const messageInput = document.getElementById('messageInput'); const message = messageInput.value.trim(); если (сообщение) { константное уведомление = { messageContent: сообщение, messageRecipient: '', // При необходимости задаем получателя положение дел: '', созданнаяДата: новая дата().toISOString(), }; stompClient.send('/app/sendMessage', {}, JSON.stringify(уведомление)); messageInput.value = ''; } } функция displayMessage (уведомление) { const messageList = document.getElementById('messageList'); const messageElement = document.createElement('li'); messageElement.textContent = Notification.messageContent; messageList.appendChild(messageElement); } document.getElementById('sendButton').addEventListener('click', sendMessage); document.getElementById('messageInput').addEventListener('keypress', (event) => { if (event.key === 'Enter') { Отправить сообщение(); } }); возвращаться ( Чат WebSocket Полученные сообщения

Отправить ) } экспортировать чат по умолчанию Это файл app.js

импортировать React из 'реагировать'; импортировать ChatRoom из './comment/ChatRoom'; функция Приложение() { возвращаться ( ) } экспортировать приложение по умолчанию; Это файл index.js
импортировать React из 'реагировать'; импортировать ReactDOM из «реагировать-дом»; импортировать './index.css'; импортировать приложение из «./App»; ReactDOM.render( , document.getElementById('корневой') );