Socket.io issues for rasa 2.3 or higher version

Hi everyone , I’m not able to get the bot widget on the server because of the socket.io issues and I keep getting this error - index.js:123 GET http://localhost:5005/socket.io/?EIO=3&transport=polling&t=NilV9Fx 500 (Internal Server Error)

I’m using this code to show my bot on server -

Currently I’m using rasa-2.8 version. Any help/support regarding this will be appreciated.

Heya @Anchal!

If you can tell which chatbot widget you are using for your project and where your bot is deployed or on which server?

Hey Nik I haven’t deployed the bot yet,it is running on the localhost and I’m talking about the chat-widget that we get in the very start of a bot.

@Anchal your chatbot widget name, which one you using?

rasa-webchat

@Anchal Great! So what the issue you getting and what are the steps you are following? and please can you share the error screenshot?

Few suggestions:

  1. Hope you uncommented below snippet code in credentials.yml

     socketio:
       user_message_evt: user_uttered
       bot_message_evt: bot_uttered
       session_persistence: true
    
  2. Hope you are using this snippet code:

     <div id="webchat">
     </div>
     <script src="https://cdn.jsdelivr.net/npm/rasa-webchat/lib/index.min.js"></script>
     <link rel="stylesheet" type="text/css" href="https://">
      <script>!(function () {
        let e = document.createElement("script"),
          t = document.head || document.getElementsByTagName("head")[0];
         (e.src =
          "https://cdn.jsdelivr.net/npm/rasa-webchat@1.0.1/lib/index.js"),
           (e.async = !0),
           (e.onload = () => {
             window.WebChat.default(
              { 
                 selector: "#webchat",
                initPayload: "/get_started",
          customData: {"language": "en"}, // arbitrary custom data. Stay minimal as this will be added to  the socket
           socketUrl: "http://localhost:5005",
           socketPath: "/socket.io/",
           title: "Rasa Bot",
           tooltipPayload: "/get_started",
           tooltip: true,    
           tooltipDelay: 500,
           subtitle: "Powered by XYZ",
           connectingText: "Waiting for server...",
           profileAvatar: "https://",
           openLauncherImage: "https://",
    
           params: {"storage": "session"}, 
      
          mainColor: "#ffd600",
          userBackgroundColor: "#ffd600",
          userTextColor: "#cde9ce",
          showMessageDate: false,
          inputTextFieldHint: "Hi.Type your message here...",
          badge: " ",
          displayUnreadCount: true,
          isChatOpen: false,
          embedded: false,
          showCloseButton: true,
          fullScreenMode: true,
          showFullScreenButton: true,
          docViewer: false,
          },
           null
        );
       }),
       t.insertBefore(e, t.firstChild);
      })();
     </script>
    

I hope you using index.html or directly in Wordpress site header and footer body section plug in.

Please ignore some of the field shown in the snippet code, used what best for your use case.

Please Note: :warning: Version 1.0.1 of the rasa webchat is made to work with version 2.3.x and 2.4.x of rasa or latest. Use 1.0.0 for other rasa versions.

Try run first on localhost, if you able to run on localhost, then later I will guide you how you can deploy server.

Good luck!

Hey Nik , Thankyou so much for your help ,it really worked out. I was missing a few things in index.html file but now its working fine on localhost. Let me know how can we deploy it on a real time tool.

@Anchal Great! Please can I request to close this thread with the solution for others?

sure