Skip to main content
Nintex Community Menu Bar
Solved

Unable to add Skuid Component to Lightning Page


Forum|alt.badge.img+20

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>

Best answer by jeanguy_vachon

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.

View original
Translate
Did this topic help you find an answer to your question?
This topic has been closed for comments

annajosephine
Nintex Employee
Forum|alt.badge.img+18

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

  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?
Translate

Forum|alt.badge.img+20

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.

Translate

Forum|alt.badge.img+20

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.

Translate

annajosephine
Nintex Employee
Forum|alt.badge.img+18

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

Translate

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie Settings