KB-1317 17.1 Embedded Interface does not load and throws errors for "Uncaught SyntaxError: Invalid regular expression:" and "Uncaught TypeError: Cannot read property 'applyBackgroundStyle' of undefined" in web browser console

Symptoms

When attempting to load a 17.1 embedded interface, the interface does not load and throws the following errors in the web browser console:

embeddedApp-c376bb7….cache.js:104 Uncaught SyntaxError: Invalid regular expression: /[Ö‘-Û¯Ûº-ß¿â€ï¬-ï·¿ï¹°-ï»¼]/: Range out of order in character class
    at RegExp (<anonymous>)
    at Object.<anonymous> (embeddedApp-c376bb7….cache.js:104)
    at __webpack_require__ (embeddedApp-c376bb7….cache.js:1)
    at Object.<anonymous> (embeddedApp-c376bb7….cache.js:104)
    at __webpack_require__ (embeddedApp-c376bb7….cache.js:1)
    at Object.<anonymous> (embeddedApp-c376bb7….cache.js:103)
    at __webpack_require__ (embeddedApp-c376bb7….cache.js:1)
    at Object.<anonymous> (embeddedApp-c376bb7….cache.js:103)
    at __webpack_require__ (embeddedApp-c376bb7….cache.js:1)
    at Object.<anonymous> (embeddedApp-c376bb7….cache.js:100)
embeddedBootstrap.nocache.js:16 Uncaught TypeError: Cannot read property 'applyBackgroundStyle' of undefined
    at Array.doRender (embeddedBootstrap.nocache.js:16)
    at HTMLScriptElement.appListener (embeddedBootstrap.nocache.js:16)

Cause

This issue has been resolved via AN-82957 in Appian 17.2.

Action

Upgrade to the latest version of Appian to take advantage of the fix.

Workaround

Add <meta charset="UTF-8"> to the <head> tag of the HTML file.

For example:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> 
<script src="https://appian.example.com/suite/tempo/ui/sail-client/embeddedBootstrap.nocache.js" id="appianEmbedded"></script>
</head>

Affected Versions

This article applies to Appian 17.1.