After Fin returned answer, it shows Something went wrong loading this message. | Community
Skip to main content

I’m getting “Something went wrong loading this message” error.

 

 

And I see below JavascriptError.

vendors~sentry~app.47087327.js:1 DOMException: Failed to execute 'setAttribute' on 'Element': 'data-といったエラーが発生する。' is not a valid attribute name. at g (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:368553) at Qs (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:451809) at Sc (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:474108) at xc (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:473848) at bc (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:473715) at gc (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:473578) at uc (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:470413) at fc (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:470795) at Vo (https://js.intercomcdn.com/vendor.b8d3fa93.js:2:411940) at https://js.intercomcdn.com/vendor.b8d3fa93.js:2:468368

 

it seems it expects “e” to be HTML element but it is a string. And I see weird data attribute is set. 

 

 


 

Messenger’s JavaScript is trying to set a DOM attribute with a name that includes invalid characters (in your case, Japanese text and punctuation: 'data-といったエラーが発生する。'). HTML attribute names must only use ASCII letters, digits, hyphens, underscores, and colons. Non-ASCII characters or punctuation will cause a DOMException and prevent Messenger from loading messages correctly.

Here’s how you can fix this:

  1. Review Custom Attributes

    • Check any custom attributes or user properties you’re passing to Intercom Messenger (via your JavaScript snippet, window.intercomSettings, or Intercom('boot', ...)).

    • Make sure all attribute names only use lowercase letters, digits, hyphens, or underscores. Avoid spaces, punctuation, or non-ASCII characters (like Japanese text).

  2. Update or Sanitize Data

    • If you’re dynamically generating attribute names, add validation or sanitization to ensure only valid characters are used.

    • Remove or rename any attributes that don’t conform to these rules.

  3. Debugging Tips

    • Open your browser’s developer tools and inspect the window.intercomSettings object or any Intercom('boot', ...) calls.

    • Look for any attribute names that include non-ASCII characters or punctuation and update them as needed.

  4. Re-test Messenger

    • After making these changes, reload your site and check if Messenger loads messages without errors.

If you’ve checked and corrected all attribute names but still see the error, please collect a HAR file and console logs, then share them with us. This will help us investigate further.


Hi, Jacques

Thank you for the update.

I reviewed the items and these look OK.
Also, it was working with exact setup so I’m suspecting this is related the widget version update.

Here is the console log and attached har file too.

DOMException: Failed to execute 'setAttribute' on 'Element': 'data-といったエラーが発生する。' is not a valid attribute name.
    at y (https://js.intercomcdn.com/vendor.136ccc3e.js:2:368553)
    at Qs (https://js.intercomcdn.com/vendor.136ccc3e.js:2:451809)
    at Sc (https://js.intercomcdn.com/vendor.136ccc3e.js:2:474108)
    at xc (https://js.intercomcdn.com/vendor.136ccc3e.js:2:473848)
    at bc (https://js.intercomcdn.com/vendor.136ccc3e.js:2:473715)
    at yc (https://js.intercomcdn.com/vendor.136ccc3e.js:2:473578)
    at uc (https://js.intercomcdn.com/vendor.136ccc3e.js:2:470413)
    at fc (https://js.intercomcdn.com/vendor.136ccc3e.js:2:470795)
    at Vo (https://js.intercomcdn.com/vendor.136ccc3e.js:2:411940)
    at https://js.intercomcdn.com/vendor.136ccc3e.js:2:468368