Chat Widget / reportError.ts

KFimreite · ‎Oct 2, 2024

I have the Chat Widget enabled on our website to load the Hubspot chat for our users. The issue I see is that when I load the hubspot chat code it throws a dozen or more javascript errors. Is there anyway they can fix this?

Failed to load resource: the server responded with a status of 400 ()Understand this error
reportErrorAction.ts:13 Error report triggered by 'GET_SUPPLEMENTAL_INITIAL_MESSAGES_FAILED (Silent: false)
s @ reportErrorAction.ts:13Understand this error
reportError.ts:59 (Event Id: bef3608ea9e549e1b92476d5f7869f92)
Error reported with 'Request for https://app.hubspot.com/api/livechat-public/v1/bots/public/bot/4137236/welcomeMessages failed with status 400. '
p @ reportError.ts:59Understand this error
reportError.ts:63 Extra Data [componentDidCatch]: false
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [actionType]: GET_SUPPLEMENTAL_INITIAL_MESSAGES_FAILED
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [isGenericErrorMessage]: true
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [isVisibleToUser]: true
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [status]: 400
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [data]: <html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Error 400 Bad Request</title>
</head>
<body><h2>HTTP ERROR 400</h2>
<p>Reason:
<pre> Bad Request</pre></p>
</body>
</html>

(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [headers]: /* Object, Error, or Array removed */
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [xhr]: /* Object, Error, or Array removed */
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [responseText]: <html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Error 400 Bad Request</title>
</head>
<body><h2>HTTP ERROR 400</h2>
<p>Reason:
<pre> Bad Request</pre></p>
</body>
</html>

(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [options]: /* Object, Error, or Array removed */
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [message]: Request for https://app.hubspot.com/api/livechat-public/v1/bots/public/bot/4137236/welcomeMessages failed with status 400.
(anonymous) @ reportError.ts:63Understand this error
reportError.ts:63 Extra Data [_hsAdditionalProperties]: /* Object, Error, or Array removed */

KFimreite · ‎Jan 21, 2025

Looks like the errors were finally resolved.

View solution in original post

KFimreite · ‎Jan 21, 2025

Looks like the errors were finally resolved.

jonchim · ‎Oct 3, 2024

Thanks for the tag Kennedy!
@KFimreite, try putting the hs tracking code script in your footer before the closing </body> tag and see if that makes a difference. My guess is a script conflict. Though this is a throwing a 404 https://app.hubspot.com/api/livechat-public/v1/bots/public/bot/4137236/welcomeMessages
Maybe something going on with the chatflow settings.

Jon Chim
VP of Design & Development
Hypha HubSpot Development

Did my post help answer your query? Help the Community by marking it as a solution

KFimreite · ‎Oct 3, 2024

@jonchim I put it above the body tag as suggested and that did not make any difference. Still plenty of internal javascript / typescript errors.

I created the most basic of html pages for you team to test to make your life easy.
https://data.vintory.com/templates/hubspot-error.html

stefen · ‎Oct 2, 2024

@KFimreite do you have a link to a page with the chat widget on it? That would be helpful to debug.

Stefen Phelps, Community Champion, Kelp Web Developer

KFimreite · ‎Oct 2, 2024

I just added the hubspot chat widget to my page:

<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/5442952.js"></script>

Test page here: https://data.vintory.com/templates/mna-calculator.html

Found the script from the chat survey:
https://app.hubspot.com/feedback-editor/5442952/satisfaction/3/survey

embedded the script found on this page:

https://app.hubspot.com/settings/5442952/analytics-and-tracking/tracking

kennedyp · ‎Oct 2, 2024

Thank you for your post @KFimreite! & Welcome to the Community 😊

Could you clarify if this is a HubSpot page?

Let's invite some of our subject matter experts to the conversation.

Hey @stefen, @jonchim, and @ChristinaKay1, can you help us with these javascript errors thrown when the chat widget loads on their page?

HubSpot’s AI-powered customer agent resolves up to 50% of customer queries instantly, with some customers reaching up to 90% resolution rates.
Learn More.

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !

KFimreite · ‎Nov 1, 2024

https://data.vintory.com/templates/hubspot-error.html

Still getting the errors and now the chat isn't working.

KFimreite · ‎Oct 2, 2024

I just added the hubspot chat widget to my page:

<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/5442952.js"></script>

Test page here: https://data.vintory.com/templates/mna-calculator.html

Found the script from the chat survey:
https://app.hubspot.com/feedback-editor/5442952/satisfaction/3/survey

embedded the script found on this page:

https://app.hubspot.com/settings/5442952/analytics-and-tracking/tracking

Service Hub Onboarding