[SalesForce] Lightning Container fails to load content

I was trying my hands on lightning:container. I created a normal html page and tried inside lightning:container.

Code: home.html uploaded as static resource named home

<html>
    <head>

    </head>

    <body>
        MyBody
    </body>

</html>

and then in my lightning:component

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <lightning:container src="{!$Resource.home}" />
</aura:component>

When I demo this, it shows nothing on screen, but in console I can see error log:

enter image description here

I first thought its CSP issue, so i added Lightning domain URL in CSP list, still, it couldn't load. Has anyone managed to get lightning:container working?

Source: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref_lightning_container.htm

Best Answer

Try using...

lightning:container src="{!$Resource.home + '/index.html'}"

for more example please refer this link