You need to sign in to do that
Don't have an account?
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.
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.
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
Let me know if this helps
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"
} ]
}
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.