# Rasa Webchat + docker showing blank

**URL:** <https://forum.rasa.com/t/rasa-webchat-docker-showing-blank/40610>\
**Category:** Rasa Open Source\
**Created:** [February 25, 2021, 8:44am UTC](https://forum.rasa.com/t/rasa-webchat-docker-showing-blank/40610 "2021-02-25T08:44:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dedanirungu](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/dedanirungu/32/13448_2.png) [@dedanirungu](https://forum.rasa.com/u/dedanirungu)\
**Post date:** [February 25, 2021, 8:44am UTC](https://forum.rasa.com/t/rasa-webchat-docker-showing-blank/40610/1 "2021-02-25T08:44:49Z")

</div>

I have setup rasa using docker, but I am not able to open webchat. It seems to connect but the page remains blank.

Following are the steps to replicate;

```auto
#create the directory
mkdir rasatest && cd rasatest

#Init the project
sudo docker run -it --rm --user 1000 -v $(pwd)/app:/app rasa/rasa:latest-full init --no-prompt

#Change right for docker to work properly
cd .. && chmod -R 777 rasatest && cd rasatest

#Change credentials as follows
nano app/credentials.yml

   socketio:
      user_message_evt: user_uttered
      bot_message_evt: bot_uttered
      session_persistence: true

docker run --name=rasatest --user 1000 -v $(pwd)/app/app:/app -p "5005:5005" rasa/rasa:latest-full run -m models --enable-api --cors "*" --debug

```

Rasa webchat is as follows;

```auto
<html>

<body>

    <div id="webchat"></div>
    <script src="https://cdn.jsdelivr.net/npm/rasa-webchat"></script>
    <script>

        document.addEventListener("DOMContentLoaded", () => {

            !(function () {
                let e = document.createElement("script"),
                    t = document.head || document.getElementsByTagName("head")[0];
                (e.src =
                    "https://cdn.jsdelivr.net/npm/rasa-webchat/lib/index.js"),
                    (e.async = !0),
                    (e.onload = () => {
                        window.WebChat.default(
                            {
                                customData: { language: "en" },
                                socketUrl: "http://localhost:5005",
                                // add other props here
                            },
                            null
                        );
                    }),
                    t.insertBefore(e, t.firstChild);
            })();

        });

    </script>
</body>

</html>

```

The generated page is totally blank and on inspecting the following is the html output.

```auto
<div id="rasaWebchatPro">
      <div class="" style="display: none;"></div>
</div>

```

---

<div class="post-metadata">

**Author:** ![dedanirungu](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/dedanirungu/32/13448_2.png) [@dedanirungu](https://forum.rasa.com/u/dedanirungu)\
**Post date:** [February 28, 2021, 6:47pm UTC](https://forum.rasa.com/t/rasa-webchat-docker-showing-blank/40610/2 "2021-02-28T18:47:48Z")

</div>

If I change the chat page to following chatting interfaces it is working.

- [GitHub - scalableminds/chatroom: React-based Chatroom Component for Rasa Stack](https://github.com/scalableminds/chatroom)
- [GitHub - JiteshGaikwad/Chatbot-Widget: ChatBot widget easy to connect to RASA bot through REST channel](https://github.com/JiteshGaikwad/Chatbot-Widget)

What could be the issue rasa-webchat?

---

<div class="post-metadata">

**Author:** ![dedanirungu](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/dedanirungu/32/13448_2.png) [@dedanirungu](https://forum.rasa.com/u/dedanirungu)\
**Post date:** [March 1, 2021, 3:41am UTC](https://forum.rasa.com/t/rasa-webchat-docker-showing-blank/40610/3 "2021-03-01T03:41:27Z")

</div>

Is there a way to change rasa-webchat from socket to webhook?

---

<div class="post-metadata">

**Author:** ![kiwoo](https://avatars.discourse-cdn.com/v4/letter/k/da6949/32.png) [@kiwoo](https://forum.rasa.com/u/kiwoo)\
**Post date:** [May 26, 2021, 8:21am UTC](https://forum.rasa.com/t/rasa-webchat-docker-showing-blank/40610/4 "2021-05-26T08:21:37Z")

</div>

Facing the same issue.
