Unable to add Skuid Component to Lightning Page

Report a Defect
1

Defect/Issue Description:
Unable to use Skuid Component in Lightning Page

Environment:
API Version: V2
Release: Dubai
Release version: 15.3.6
Platform: Salesforce

Brief Summary of the Defect/Issue:

Unable to make use of Skuid component in Lightning page.

Action Performed:

  1. Created Skuid page as per XML below.
  2. Add Skuid page component to both Account Record Page and custom app.

Expected Result:
Should have displayed the skuid page.

Actual Result:
Got 3 errors in console and skuid page component fails to load page.

Access to XMLHttpRequest at ‘https://sasmfg--skuid.vf.force.com/resource/1674052024000/skuid__next/js/vendor.js’ from origin ‘https://sasmfg.lightning.force.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Uncaught (in promise) Error: Timeout: https://sasmfg--skuid.vf.force.com/resource/1674052024000/skuid__next/js/vendor.js

Uncaught (in promise) Error: There was an error rendering a Skuid Page component for page SimplePage
Error: Timeout: https://sasmfg--skuid.vf.force.com/resource/1674052024000/skuid__next/js/vendor.js
at eval (page.js:165:10)

Additional Resources:

<skuid__page unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true" theme="SAS_Lightning">
	<models>
		<model id="NewModel" limit="1" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account">
			<fields>
				<field id="Name"/>
			</fields>
			<conditions/>
			<actions/>
		</model>
	</models>
	<components>
		<skuid__form showErrorsInline="true" model="NewModel" uniqueid="sk-35M2-19070" mode="read">
			<columns>
				<column>
					<sections>
						<section title="New Section">
							<fields>
								<skuid__field id="Name" uniqueId="sk-35M2-19071"/>
							</fields>
						</section>
					</sections>
				</column>
			</columns>
		</skuid__form>
	</components>
	<resources>
		<labels/>
		<javascript/>
		<css/>
		<actionsequences/>
	</resources>
	<styles>
		<styleitem type="background" bgtype="none"/>
	</styles>
</skuid__page>
2

Hey @Jeanguy_Vachon thanks for sharing. That CORS error makes it look like Lightning Locker / site security is tripping over something :thinking:

  1. Can you upload a page with a different design system?
  2. Is there anything else on the Lightning page where you’re trying to add this Skuid page? If so, have you tried adding the Skuid page to a new fresh Lightning page?
3

Hi Anna,

I’ve tried 4 different design systems.
The page works fine without the Skuid page component. I also tried starting with an empty lightning page where there’s only the Skuid page component. Same thing.

4

So I reset all my browser data, logged out of the Chrome browser, deleted all browser data and restarted Chromebook. Now it seems to be working.

1 Like
5

So weird. I’m glad you were able to get it working!