Skip to main content

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>

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?


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.


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.


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