function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
SimmoSimmo 

Deploying a Community but get theme.json error?

Hello,
I am trying to deploy a community from one sandbox to another sandbox using the sfdx force:source:deploy command from with VS Code.
I have successfully retrieved the community components using a manifest file into a VS Code project.
However when deploying these components to a different sandbox I get the error below:
ExperienceBundle  force-app\main\default\experiences\Self_Service_Portal1.site-meta.xml  You seem to be missing the property componentAttributes in Self_Service_Portal1/themes/ember.json with component ID: 06515b9d-2dcf-4ac4-9b20-7371a1274f93

I have looked at the ember.json file and the component with the ID is named "siteforce:themeLayoutStarter".
I have looked at the ember.json file in the target sandbox and the values are exactly the same, so it exists in the target sandbox?
So it would seem I need the component within my project and part of the deployment?
Any help appreciated.
 
AnudeepAnudeep (Salesforce Developers) 
Hi Simmo, 

componentAttributes is the design attribute values of the component and is a required parameter

I recommend checking your retrieved json to see if this property exists. Here is a sample json from the documentation showing the attribute
 
{
    "themeLayoutType" : "Inner",
    "viewType" : "account-management",
    "appPageId" : "df9907cb-6e68-4ca1-8bb2-51173ca5374e",
    "componentName" : "siteforce:sldsOneColLayout",
    "label" : "Account Management",
    "id" : "9ca8fa47-8e87-4915-a6f7-c2d8d37f3076",
    "type" : "view",
    "regions" : [ {
         "regionName" : "content",
         "id" : "969ada98-7d72-4e45-8a10-7db51fae247c",
         "type" : "region",
         "components" : [ {
            "componentName" : "forceCommunity:tabset",
            "componentAttributes" : {
                "tabsetConfig" : "{\"UUID\":\"4711850e-ffdc-4375-a45e-f716bcdbbb1c\",\"activeTab\":\"tab1\",\"useOverflowMenu\":false,\"tabs\":[{\"UUID\":\"bc8fb51f-4783-43d4-9376-60c07677a367\",\"tabName\":\"Members\",\"tabKey\":\"tab1\",\"locked\":false,\"allowGuestUser\":false,\"seedComponents\":[{\"fqn\":\"forceCommunity:relatedList\",\"attributes\":{\"parentRecordId\":\"{!CurrentUser.accountId}\",\"relatedListName\":\"Users\",\"customTitle\":\"Members\",\"showCustomTitle\":\"true\",\"showBreadCrumbs\":\"false\",\"showRowNumbers\":\"false\",\"showManualRefreshButton\":\"false\"}}]},{\"UUID\":\"f2793a99-b757-4be4-846f-dc98a13a8139\",\"tabName\":\"Branding\",\"tabKey\":\"tab2\",\"locked\":false,\"allowGuestUser\":false,\"seedComponents\":[{\"fqn\":\"forceCommunity:accountBrandRecord\",\"attributes\":{\"recordId\":\"{!CurrentUser.accountId}\"}}]}]}",
                "regions" : ""
            },
            "renderPriority" : "NEUTRAL",
            "renditionMap" : { },
            "id" : "4711850e-ffdc-4375-a45e-f716bcdbbb1c",
            "type" : "component",
            "renditions" : [ {
               "renditionValue" : {
                  "LumenInstanceAttributes" : {
                  "richTextValue" : "<p>new text</p>"
                  }
               },
              "id" : "9d8878df-f520-4010-861c-57b930a3daab",
              "type" : "renditionComponent"
            } ]
        } ]
    } ]
}

Let me know if this helps

Anudeep
SimmoSimmo
Hi Anudeep,
Thanks for the response.
Below is the ember.json file I have set the componenet id references in BOLD. The component siteforce:themeLayoutStarter with the ID appears to be defined in the file?

{
  "activeBrandingSetId" : "7cbf47d5-40ab-47e4-948a-0bc0f27a3e0e",
  "customCSS" : "@font-face {\n  font-family: 'FSElliot-Regular';\n  src: url('/SSP/s/sfsites/c/resource/ssp/fonts/FSElliotWeb-Regular.eot');\n  src: url('/SSP/s/sfsites/c/resource/ssp/fonts/FSElliotWeb-Regular.eot?#iefix') format('embedded-opentype'), url('/SSP/s/sfsites/c/resource/ssp/fonts/FSElliotWeb-Regular.woff') format('woff'), url('/SSP/s/sfsites/c/resource/ssp/fonts/FSElliot-Regular.ttf') format('truetype');\n}\n\nbody {\n  font-size: 16px;\n}\n.siteforceThemeLayoutStarter {\n    font-size: 16px !important;\n}\n.siteforceContentArea {\n    background-color: white !important;\n}\na {\n\ttext-decoration-color: rgb(13, 40, 53) !important;\n}\n.slds-button {\n    border-radius: 100px !important;\n}\n.slds-form-element__label {\n    font-size: 1rem;\n}\n.slds-accordion__section {\n    padding: 0 !important;\n}",
  "developerName" : "ember",
  "id" : "ff836425-67c3-4b2f-bf86-9c31700ff2d7",
  "label" : "Ember",
  "layouts" : {
    "Inner" : "06515b9d-2dcf-4ac4-9b20-7371a1274f93",
    "Login" : "e1b326ef-cd4d-4e9d-ada1-f48565c20a1f"
  },
  "type" : "theme",
  "views" : [ {
    "componentName" : "salesforceIdentity:loginBody2",
    "id" : "e1b326ef-cd4d-4e9d-ada1-f48565c20a1f",
    "label" : "Login",
    "regions" : [ {
      "id" : "e99fb9a6-5f52-4cda-a00c-5f934dcf6ee5",
      "regionName" : "header",
      "type" : "region"
    }, {
      "id" : "4acbbdb3-fe12-4d6e-afa7-d0ca1b9077f1",
      "regionName" : "content",
      "type" : "region"
    }, {
      "id" : "f9651040-9870-4184-a250-c6b21f9b2c2a",
      "regionName" : "footer",
      "type" : "region"
    } ],
    "type" : "view"
  }, {
    "componentName" : "siteforce:themeLayoutStarter",
    "id" : "06515b9d-2dcf-4ac4-9b20-7371a1274f93",

    "label" : "Default",
    "regions" : [ {
      "components" : [ {
        "componentAttributes" : {
          "background" : "background: rgb(191,243,232)",
          "backgroundOverlayColor" : "rgba(0, 0, 0, 0.3)",
          "borderBottomColor" : "rgba(191, 249, 237, 0.8)",
          "borderTopColor" : "rgba(191, 249, 237, 0.8)",
          "bottomRowHeight" : 4,
          "bottomRowOverlayColor" : "rgb(191, 243, 232)",
          "containHeader" : true,
          "containHeaderWidth" : 1149,
          "dropdownBackgroundColor" : "rgb(255, 255, 255)",
          "dropdownBackgroundHoverColor" : "rgb(0, 197, 158)",
          "dropdownBorderColor" : "rgb(240, 240, 240)",
          "dropdownTextColor" : "rgb(228, 88, 18)",
          "dropdownTextHoverColor" : "",
          "iconLinkColor" : "rgb(13, 44, 59)",
          "iconLinkHoverColor" : "rgb(13, 44, 59)",
          "iconLinkTextShadowColor" : "rgb(0, 0, 0)",
          "linkActiveBorderColor" : "rgb(13, 40, 53)",
          "linkColor" : "rgb(13, 44, 59)",
          "linkHoverColor" : "rgba(255, 255, 255, 0.9)",
          "linkTextShadowColor" : "rgba(0, 0, 0, 0)",
          "logoWidth" : 197,
          "searchPosition" : "right",
          "searchStyle" : "expanded",
          "showAppLauncher" : false,
          "showNotifications" : true,
          "showProfileMenu" : true,
          "showSearch" : false,
          "topRowHeight" : 15
        },
        "componentName" : "forceCommunity:themeHeaderStacked",
        "id" : "bc03b906-b70f-4145-9467-7733cb691913",
        "regions" : [ {
          "components" : [ {
            "componentAttributes" : {
              "buttonBackgroundColor" : "inherit",
              "buttonBackgroundHoverColor" : "inherit",
              "buttonBorderColor" : "transparent",
              "buttonBorderRadius" : 5,
              "buttonText" : "Log in",
              "buttonTextColor" : "#fff",
              "buttonTextHoverColor" : "#0099de",
              "customizableUserProfileMenuEditor" : "Custom_User_Profile_Menu",
              "menuStyleSettings" : ""
            },
            "componentName" : "forceCommunity:customizableUserProfileMenu",
            "id" : "b5154d2d-9e0f-4668-a0b1-fa0bf673a0bb",
            "renditionMap" : { },
            "type" : "component"
          } ],
          "id" : "c1c00c87-1251-4e13-a711-c6515bc75723",
          "regionName" : "themeHeaderProfileMenu",
          "type" : "region"
        }, {
          "components" : [ {
            "componentAttributes" : {
              "backgroundColor" : "rgb(255, 255, 255)",
              "borderColor" : "rgba(0, 89, 45, 0.5)",
              "borderRadius" : 4,
              "borderStyle" : "outline",
              "buttonColor" : "",
              "buttonHoverColor" : "",
              "crossObjectTypeaheadApiNames" : [ {
                "name" : "FeedItem",
                "isPublic" : true
              } ],
              "iconColor" : "rgba(0, 0, 0, 0.8)",
              "placeholderText" : "Search...",
              "placeholderTextColor" : "rgba(0, 0, 0, 0.6)",
              "showSearchButton" : false,
              "textColor" : "rgba(0, 0, 0, 0.8)",
              "typeaheadResultMax" : 5,
              "useTypeahead" : true
            },
            "componentName" : "forceCommunity:themeSearch",
            "id" : "2d4b60b2-68b0-4550-81e8-af20b4320247",
            "renditionMap" : { },
            "type" : "component"
          } ],
          "id" : "34cace89-4028-48f7-9c1e-597517c386b8",
          "regionName" : "search",
          "type" : "region"
        }, {
          "components" : [ {
            "componentAttributes" : {
              "navAlignment" : "left",
              "navItemThreshold" : 8,
              "navigationMenuEditorRefresh" : ""
            },
            "componentName" : "forceCommunity:themeNav",
            "id" : "3c79979c-ec35-4088-919d-ef884f4dcfe6",
            "renditionMap" : { },
            "type" : "component"
          } ],
          "id" : "87f726a1-8228-46b8-8375-2d2721b08dc9",
          "regionName" : "nav",
          "type" : "region"
        }, {
          "id" : "51a1983a-c170-4234-83ef-df7780d77792",
          "regionName" : "cartIcon",
          "type" : "region"
        } ],
        "renditionMap" : { },
        "type" : "component"
      } ],
      "id" : "bdd42c4d-f487-4a32-aa0b-8b2b6b29a614",
      "regionName" : "themeHeader",
      "type" : "region"
    }, {
      "id" : "0a7cea7b-2709-4fdf-9257-a55eee2a3933",
      "regionName" : "themeHero",
      "type" : "region"
    }, {
      "components" : [ {
        "componentAttributes" : {
          "eigthTitle" : "Sitemap",
          "eigthUrl" : "https://www.simplyhealth.co.uk/sh/pages/site-map.jsp",
          "fifthTitle" : "Cookies",
          "fifthUrl" : "https://www.simplyhealth.co.uk/about-us/cookies",
          "firstTitle" : "Legal",
          "firstUrl" : "https://www.simplyhealth.co.uk/about-us/legal",
          "fontColor" : "rgb(255, 255, 255)",
          "fourthTitle" : "Complaints Data",
          "fourthUrl" : "https://www.simplyhealth.co.uk/about-us/complaints-data",
          "maxWidth" : 1150,
          "secondTitle" : "Privacy",
          "secondUrl" : "https://www.simplyhealth.co.uk/about-us/privacy",
          "seventhTitle" : "Contact Us",
          "seventhUrl" : "https://www.simplyhealth.co.uk/contact-us",
          "sixthTitle" : "Accessibility",
          "sixthUrl" : "https://www.simplyhealth.co.uk/about-us/accessibility",
          "thirdTitle" : "FAQs",
          "thirdUrl" : "https://www.simplyhealth.co.uk/frequently-asked-questions"
        },
        "componentName" : "c:footer",
        "id" : "e76e4782-e840-4b77-8dc3-13454bc6e9fe",
        "renditionMap" : { },
        "type" : "component"
      } ],
      "id" : "9c093b45-9a23-40ff-afc4-e0a87dedcfa8",
      "regionName" : "themeFooter",
      "type" : "region"
    } ],
    "type" : "view"
  } ]
}
CrushedCrushed
Hi SImmo, did you ever figure this out? I'm having the exact same issue.
Jon Simmonds 11Jon Simmonds 11
Hi Crushed, this is Simmo but I'm logged in as another user as my old login is failing.

Yes I did manage to resolve the issue. The problem was the API version of the bundle component being ahead of the sandbox I was deploying to.

There seems to be a lot of issues when deploying communities and the API versions being in sync, so I resolved it by changing the API version of the bundle component to an earlier version, presumably to sync the API versions of each org. 
The error messages are horrible as they are misleading and do not help.