使用 SockJS 构建项目后出现奇怪的错误

问题描述 投票:0回答:0

我在创建类似 Twitter 的应用程序时遇到了一个奇怪的错误。我最近添加了一个聊天功能,它在我的本地机器上运行良好。合并聊天分支并将其部署到 Heroku(后端)和 Netlify(前端)后,我在尝试连接聊天时遇到以下错误:

"TypeError: _5 is not a constructor"
。 我知道构建后有些乱码,但一切都在本地工作,所以我不知道该尝试什么。 通常,该应用程序可以像以前一样工作。但是,在渲染聊天组件时出现错误。

我在前端使用 React、TypeScript 和 SockJS。我怀疑这个问题可能与将 SockJS 部署到 Netlify 有关,但我不完全确定。

这是呈现聊天时执行的代码:

const connect = () => {
  let socket = new SockJS(`${API}/chat?access_token=${tokenServices.getToken()}`);
  let xstompClient = Stomp.over(socket);

  xstompClient.connect({}, function (frame: any) {
    xstompClient.subscribe('/user/queue/chat.message', function (messageRes: any) {
      showMessage(JSON.parse(messageRes.body))
    });
  });

  setStompClient(xstompClient)
}

我使用 vite 和 Netlify 运行

npm run build
来构建这个项目。

对于如何调试此问题的任何帮助或建议,我将不胜感激。谢谢!

我不知道该尝试什么,因为它只在部署后发生。

reactjs typescript vite netlify sockjs
© www.soinside.com 2019 - 2024. All rights reserved.