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 / Cannot Add PCF Code Co...
Power Apps
Answered

Cannot Add PCF Code Component to Canvas App

(1) ShareShare
ReportReport
Posted on by 160

I am attempting to import one of my code components into a canvas app.  I receive a very generic error in the UI but after looking through the network traffic I get the following error.  Anyone have any thoughts or seen this before?

 

Thanks,

 

Rick

 

https://instance-eus.create.powerapps.com/v3.20022.21.144312096/api/v2/invoke

 

Request

Request.png

 

Response:

[{"dresult":{"f":[{"error":1,"errorMessage":"Sequence contains no matching element","templateName":"","controlName":"raw_RAW.ColorPicker.ColorPicker"}]}},
{"seq":35}]

 

Manifest File

https://github.com/rwilson504/PCFControls/blob/master/ColorPicker/ColorPicker/ControlManifest.Input.xml

 

Import Attempt

Import Code ComponentImport Code Component

 

Error Message in UI

Error MessageError Message

 

 

I have the same question (0)
  • Hemant Gaur Profile Picture
    Microsoft Employee on at

    I was able to import the solution from the same github and have the working control inside my canvas app.

     

    Can you please share your environment details and session ID for further investigation. (DM or hemantg@microsoft.com)

     

    ColorPicker.png

     

    hemant gaur

  • Verified answer
    Diana Birkelbach Profile Picture
    3,072 Most Valuable Professional on at

    HI @RAWilson 

    I couldn't import your component in the beginning ether.

    First I thought it's because of the preview-image="preview.png" in your manifest, because it's documented only for model-driven apps: https://docs.microsoft.com/en-us/powerapps/developer/component-framework/manifest-schema-reference/control

    But it still didn't work. 

    BUT, strangely I could import it in a canvas app, after I deleted the second property "defaultColor" from the manifest.

    I don't know what's "special" about this property. Maybe the defaultValue or comment, because of "#" in "#ffffff"? The only thing that I haven't tested before in a CanvasApp is the usage="input", but I think this shouldn't be a problem.

    Best regards,

    Diana

  • Rick Wilson Profile Picture
    160 on at

    Thank you Diana!!!

     

    You were right on the money with the preview-image attribute causing the issue.

     

    I copied the code from the original ColorPicker and renamed it to CanvasColorPicker and tried all these test below. 

     

    -Initial Version. NO

    -Remove preview-image attribute. NO

    -Removed the ',' character from the description-key of the defaultColor property. NO
    -Removed the ':' character from the description-key of the defaultColor property. NO
    -Removed the '(' and ')' characters from the description-key of the defaultColor property. NO
    -Removed # from the description-key and default-value of the defaultColor property. NO
    -Removed the default-value attribute of the defaultColor property. NO
    -Change name of defaultColor to something else. NO
    -Removed the entire defaultColor property. NO

     

    In between all the tests though I was only updating the control and solution versions and doing a publish all. So I took everything back from the start and this time between each test i actually deleted the control completely from the environment then re-imported.  It worked on the first test of removing the preview-image attribute!  I can even see my #ffffff default value.

     

    Thanks Again Diana!

     

    @HemantG Any way we could get an item put it to just ignore that attribute on import?

     

     

    canvascolorpicker.png

     

     

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 April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 610

#2
Haque Profile Picture

Haque 317

#3
WarrenBelz Profile Picture

WarrenBelz 315 Most Valuable Professional

Last 30 days Overall leaderboard