This is stopping a significant development for us using the new & updated tools from Esri so would like it resolved. Any input and ideas really appreciated.
Solved! Go to Solution.
This issue is caused by the header, button, or body properties in the sharedTheme object returned from the Portal to be null. Usually, it would return an object as:
{ header: {}, body, {}, button: {}, ... }, which the properties are not empty.
I will look into this, and in the meantime, please add a logo, or colors to the header, button, or body to force the sharedTheme to not be null.
Hi Stephen,
What browsers are you using at your organization?
Have you tried running it on the latest version of Chrome or other modern up-to-date browsers? it sounds like compatibility issues.
I assume you found that error in the console view of the developer tools?
Shay
I am having the exact same issue. It seems specific to an AGOL account. When I use one AGOL account with Chrome - launching Experience Builder works but when I use a different AGOL account launching Experience Builder (in any browser Edge/Chrome/Firefox) results in "Cannot Read property 'background' of undefined".
@Stephen Usmar can you post the console error screenshot? This may help us find the reason.
Have you checked the network traffic for any errors? Are there any errors with the shared themed settings? If you adjust a shared themed setting in the organization, does the error go away?
Hi. Esri Canada informed me to try deleting a custom logo I had in shared themes and that fixed the problem.
I am having the same issue with Firefox, Chrome, and Edge. All have been updated and all other web programs of ESRI's work fine. I'm am only having issues with Experience Builder.
F12 under console reveals this:
index.js:44 Initializing theme manager failed. TypeError: Cannot read property 'background' of undefined
at Object.t.getMappedShareThemeVariables (index.js:29)
at e.generate (index.js:11)
at e.mergeThemeVarsToJimuVars (index.js:16)
at eval (index.js:16)
at eval (index.js:16)
at Object.eval [as next] (index.js:16)
at a (index.js:16)
eval @ index.js:44
index.js:29 Uncaught (in promise) TypeError: Cannot read property 'background' of undefined
at Object.t.getMappedShareThemeVariables (index.js:29)
at e.generate (index.js:11)
at e.mergeThemeVarsToJimuVars (index.js:16)
at eval (index.js:16)
at eval (index.js:16)
at Object.eval [as next] (index.js:16)
at a (index.js:16)
Hi, I am a developer from the Experience Builder dev team.
Can anyone post a screenshot of the settings within the Shared theme setting if you don't mind? It is located at Organization/Setting, then click Manage shared theme colors.
I will try to reproduce this issue and see what is going on.
Randall Lewis Health & Policy Fellowship in the Shared Theme settings, I would change the background color to white and see if that resolves the issue.