[SalesForce] Failed to save undefined: No COMPONENT named markup://svg found :

Followed the Trailhead tutorial and I still get the same error about svg.

The code I am using is taken from the Lightning Design System.
I created the supporting files as specified in the tutorial.
Here is a snippet of the Component code (just note not all the code is included since it came directly from the LDS. The error is (Failed to save undefined: No COMPONENT named markup://svg found : [markup://michelleemanuel:forecastPlanComponent]: Source). Some of the other responses I saw said to read the tutorial – I have gone down that path and it did not work. I am not invoking this from a Visualforce page but from a Component.

<table class="slds-table slds-table--bordered slds-max-medium-table--stacked-horizontal">

select all

Opportunity Name

Sort

….

Best Answer

Starting Spring '17, the svgIcon component has been deprecated in favor of the lightning:icon component

<aura:component>
    <lightning:icon iconName="action:approval" size="large" alternativeText="Indicates approval"/>
</aura:component>

Related Solutions

[SalesForce] Unable to use SVG in Lightning Components with LockerService activated

SVG support along with document.createElementNS() is coming very soon - already in a scheduled patch branch. I'll double check on the release date but I believe it deploys tommorow night. We've filled in many other gaps in the secure virtual DOM API with more on the way in following patches. Please pardon our dust as we get this dialed in over the next few weeks and definitely keep letting us know when you hit missing methods/properties.

[SalesForce] No COMPONENT named markup://ui_popover:popover found

Sandbox Orgs using Summer 17 may have known issues affecting managed packages:

View this post and this known issue

Additionally, as a best practice, it is recommended to create a lightning component for re-usability, maintainability, and better performance:

popovertest.cmp

<aura:component access="global" >
        <div class="slds-grid slds-grid--frame slds-grid--align-center slds-grid--vertical-align-center">

        <div>Note that&nbsp;
            <ui_popover:popover>
            <aura:set attribute="popoverBody">
                <h3 class="slds-section-title">Blah</h3>
                <p class="slds-m-bottom--x-small">Blah<b>any</b> Blah</p>
            </aura:set>
            <a href="javascript:void(0);">blah</a>
            </ui_popover:popover>
    &nbsp;blah</div>

    </div>
</aura:component>

and then creating the app and reference the component:

popovertest.app

<aura:application extends="force:slds">
    <c:popovertest />
</aura:application>

However this may not be the cause of the issue.

Note: I also copy pasted the code in an app and it works using a dev org on spring 17. This only seems to be affecting Sandbox orgs on Summer 17 as described in the above posted links. ¯_(ツ)_/¯

Best Answer

Related Solutions

[SalesForce] Unable to use SVG in Lightning Components with LockerService activated

[SalesForce] No COMPONENT named markup://ui_popover:popover found

Related Topic