web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Error When Importing C...
Power Apps
Answered

Error When Importing Custom PCF Component on Canvas App: "Couldn't import components"

(0) ShareShare
ReportReport
Posted on by 19

I have built a sample drag and drop component for use in our canvas apps. Everything works in the test harness, including the outputs. I can also deploy and update the solution without issue. However, I haven't been able to successfully get the component to import and add to a screen. I just get that pink error message that only says "Couldn't import components." Nothing in the console either.

 

Here is my manifest:

 

<?xml version="1.0" encoding="utf-8" ?>
<manifest>
 <control namespace="pcfDadPoc" constructor="pfcDadPoc" version="1.1.0" display-name-key="pfcDadPoc" description-key="PCF Drag and Drop POC V1" control-type="standard">
 <external-service-usage enabled="false">
 </external-service-usage>
 <data-set name="bucketsList" display-name-key="List of Buckets">
 <property-set name="bucketTitle" display-name-key="Bucket Title" description-key="Display text of the bucket" of-type="SingleLine.Text" usage="bound" required="true" />
 <property-set name="bucketID" display-name-key="Bucket ID" description-key="ID of the bucket, must be a unique integer" of-type="Whole.None" usage="bound" required="true" />
 <property-set name="bucketOrder" display-name-key="Bucket Order" description-key="Bucket order, must be a unique integer" of-type="Whole.None" usage="bound" required="true" />
 </data-set>
 <data-set name="cardsList" display-name-key="List of Cards">
 <property-set name="cardTitle" display-name-key="Card Title" description-key="Header text of the card" of-type="SingleLine.Text" usage="bound" required="true" />
 <property-set name="cardSubTitle" display-name-key="Card Sub-Title" description-key="Sub Header text of the card" of-type="SingleLine.Text" usage="bound" required="false" />
 <property-set name="cardDescription" display-name-key="Card Description" description-key="Short text description of the card" of-type="SingleLine.Text" usage="bound" required="false" />
 <property-set name="cardID" display-name-key="Card ID" description-key="ID of the card, must be a unique integer" of-type="Whole.None" usage="bound" required="true" />
 <property-set name="cardOrder" display-name-key="Card Order" description-key="card order, must be a unique integer" of-type="Whole.None" usage="bound" required="true" />
 <property-set name="bucketContainerID" display-name-key="Bucket ID" description-key="ID of the bucket containing this card" of-type="Whole.None" usage="bound" required="true" />
 </data-set>
 <property name="dadCardDisplayMode" display-name-key="Card Display Mode" description-key="Select the display mode of the cards in each bucket" of-type="Enum" usage="input" required="true"> 
 <value name="Title" display-name-key="TitleOnly" description-key="Titleonly">titleOnly</value>
 <value name="SubHeader" display-name-key="TitleandSubHeader" description-key="Title and Sub-Title">titleAndSub</value>
 <value name="All" display-name-key="TitleSubandDescription" description-key="Title Sub and Description">titleSubAndDesc</value> 
 </property>
 <property name="dadSourceCardID" display-name-key="Source Card ID" description-key="Source card ID in drag and drop action" of-type="Whole.None" usage="output" />
 <property name="dadSourceCardSort" display-name-key="Source Card Sort" description-key="Source card Sort in drag and drop action" of-type="Whole.None" usage="output" />
 <property name="dadSourceBucketID" display-name-key="Source Bucket ID" description-key="Source bucket ID in drag and drop action" of-type="Whole.None" usage="output" />
 <property name="dadDestinationCardID" display-name-key="Destination Card ID" description-key="Destination card ID in drag and drop action" of-type="Whole.None" usage="output" />
 <property name="dadDestinationCardSort" display-name-key="Destination Card Sort" description-key="Destination card sort in drag and drop action" of-type="Whole.None" usage="output" />
 <property name="dadDestinationBucketID" display-name-key="Destination Bucket ID" description-key="Destination bucket ID in drag and drop action" of-type="Whole.None" usage="output" />
 <property name="dadDestinationType" display-name-key="Destination Drop Type" description-key="Destination drop type wil be EMPTY, START, END" of-type="SingleLine.Text" usage="output" />
 <resources>
 <code path="index.ts" order="1"/>
 </resources>
 </control>
</manifest>

 

I have the same question (0)
  • Verified answer
    rmAtInsight Profile Picture
    19 on at

    I found that the issue I encountered above was only on my tenant's default environment. I don't have clarity on why that would be an issue, but switching to an environment other than the default fixed my issue.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 505

#2
WarrenBelz Profile Picture

WarrenBelz 502 Most Valuable Professional

#3
Haque Profile Picture

Haque 324

Last 30 days Overall leaderboard