Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

webchat is not Loading #4196

Closed
brijeshpankhaniya opened this issue Mar 4, 2022 · 9 comments · Fixed by #4197
Closed

webchat is not Loading #4196

brijeshpankhaniya opened this issue Mar 4, 2022 · 9 comments · Fixed by #4197
Labels
Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete.

Comments

@brijeshpankhaniya
Copy link

hello everyone,
I am using the microsoft BotFramwork-webchat. I use the following webchat CDN
https://cdn.botframework.com/botframework-webchat/latest/webchat.js".

but I get the error while Load the webchat Component. It throws error from today itself. I working as expected before.

here is the snippet of error.
image

in network Tab the webchat Conversations request is Canceled.
image

the component look like this:
MicrosoftTeams-image

waiting for any solution.
thanks in advance.

@brijeshpankhaniya brijeshpankhaniya added Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete. labels Mar 4, 2022
@DainHeart
Copy link

Any update on this? We are having the exact same issue.

@compulim
Copy link
Contributor

compulim commented Mar 4, 2022

We are investigating the issue. Could you switch from latest to 4.14.1 in the meanwhile?

@brijeshpankhaniya
Copy link
Author

@compulim are you asking for change the webchat CDN to 4.14.1 ?

@compulim
Copy link
Contributor

compulim commented Mar 4, 2022

There is an issue when rendering Web Chat to a detached node. Detached node means the node does not belong to the HTML document.

Let's say:

const container = document.createElement('div');

window.WebChat.renderWebChat(
  {
    directLine: window.WebChat.createDirectLine({ token })
  },
  container
);

document.body.append(container);

The code above would fail because Web Chat is being rendered to a detached node.

The issue will be resolved when Web Chat is being rendered on an attached DOM node.

const container = document.createElement('div');

// Attach the DOM node before calling `renderWebChat`.
document.body.append(container);

window.WebChat.renderWebChat(
  {
    directLine: window.WebChat.createDirectLine({ token })
  },
  container
);

In the meanwhile, please either downgrade it back to 4.14.1 and wait for a patch. Or render Web Chat to an attached DOM node.

@brijeshpankhaniya
Copy link
Author

brijeshpankhaniya commented Mar 4, 2022

hey @compulim it is really helpfull for me. working fine after downgrade version. thank help.

@brijeshpankhaniya
Copy link
Author

Any update on this? We are having the exact same issue.
@DainHeart please check solution by @compulim it working fine for me.

@ceby-gannetflemming
Copy link

This is affecting us as well.

@cwhitten
Copy link
Member

cwhitten commented Mar 4, 2022

Please downgrade to 4.14.1 in the immediate term. The team is releasing a patch to address this issue

@denisveli
Copy link

Any updates?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants