After Fin returned answer, it shows Something went wrong loading this message.

Question

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

Jacques Reynolds · Accepted Answer

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:Review Custom AttributesCheck 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).Update or Sanitize DataIf 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.Debugging TipsOpen 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.Re-test MessengerAfter 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.

Hide Kojima · Answer

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

Join the Intercom Community 🎉

Intercom Customers and Employees

Login to the community

Intercom Customers and Employees

Scanning file for viruses.

This file cannot be downloaded