Botfront Widget does not appear on webpage

Rasa Open Source
1

Hello,

I have a webpage setup but the actual widget does not appear on this webpage. This is my setup:

  1. I have rasa server running on one terminal with this command:
rasa run -m models --enable-api --cors "*" –debug --port 5006
  1. The action server is running on another terminal with this command:
rasa run actions --cors "*" --debug --port 5056

My endpoint url is:

action_endpoint:
 url: "http://localhost:5056/webhook"
  1. Credentials.yml show the socketio events configured
socketio:
 user_message_evt: user_uttered
 bot_message_evt: bot_uttered
 session_persistence: true
  1. This is my index.html file
<html>
    <body>
      <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.0/lib/index.js"),
          // Replace 1.x.x with the version that you want
          (e.async = !0),
          (e.onload = () => {
            window.WebChat.default(
              {
                customData: { language: "en" },
                socketUrl: "http://localhost:5006",
                // add other props here
              },
              null
            );
          }),
          t.insertBefore(e, t.firstChild);
      })();
      </script>
    </body>
</html>

Not sure if this is relevant but I have duckling running on port 8000.

@nik202 I followed your tutorial but not sure if I did something wrong? Can you please take a look?

Much appreciated!!

2

Is this still the issue at your end? @Xiamen

3

@nik202 I have resolved this, thank you.