* I am trying to launch Experience Builder from my AGOL account and keep getting the error message "“Cannot read property ‘background’ of undefined”. This is not consistent and occasionally/rarely can get through. This is also happening for 5 others in my team from our organizational account. All other web apps work fine. * It doesn't happen with another organizational account we manage for a customer so isn't PC, network related (we all work from separate locations). * Only changes recently have been to our short url for AGOL, accepted the HTTPS requirement and accepted the template Homepage for AGOL. * All users are User Type = Advanced and all have the Addons for the web apps. 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.

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Experience Builder - Cannot read property ‘background’ of undefined

StephenUsmar2

I am trying to launch Experience Builder from my AGOL account and keep getting the error message "“Cannot read property ‘background’ of undefined”. This is not consistent and occasionally/rarely can get through. This is also happening for 5 others in my team from our organizational account. All other web apps work fine.
It doesn't happen with another organizational account we manage for a customer so isn't PC, network related (we all work from separate locations).
Only changes recently have been to our short url for AGOL, accepted the HTTPS requirement and accepted the template Homepage for AGOL.
All users are User Type = Advanced and all have the Addons for the web apps.

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.

Find more posts tagged with

Accepted answers

Anonymous User

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.

All comments

Randall_LewisHealth___Policy_F

Yiwei Ma‌ Thank you! I appreciate the help and work you do!

Randall_LewisHealth___Policy_F

Deidre Wolf‌ Thank you! This tip worked wonderfully. I appreciate the help!

Anonymous User

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.

DeidreWolf

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.

Randall_LewisHealth___Policy_F

Anonymous User

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_LewisHealth___Policy_F

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 reviels this under the console:

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)

JimKyle

Hi. Esri Canada informed me to try deleting a custom logo I had in shared themes and that fixed the problem.

DeidreWolf

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?

JunshanLiu

Stephen Usmar can you post the console error screenshot? This may help us find the reason.

JimKyle

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".

ShayL

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

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.