Skip to content
Skip to content
Menu
A cup of dev
  • Home
  • About
  • Ink and yarn
  • Contact
A cup of dev

A beginners guide to PowerApps Component Framework (PCF) – part 2: Common problems/errors

By Eli H. Schei on Monday, 3 May 2021, 17:42Wednesday, 19 January 2022, 8:21

In the first part of this series I gave an introduction to setup, test and deployment of PCF components. And the plan was that the next part should be about the actual coding of a PCF component.

But after talking with some of my coworkers I realised that we all came across a lot of the same problems/errors, and as a newbie it can be hard to know where to start when looking for a solution. Therefore I decided that this second part should be about common problems/errors that you can come accross when developing a PCF component. I will update this post as I encounter more problems/errors (as I’m sure I will).

I have written a new and more comprehensive guide to Power App Component Framework – so I recommend you take a look at that as well

You can find part 1 in the original series about getting started here.

Table of contents:

  • Property does not exisit on type IInputs
  • Error: Building temporary solution wrapper: failed

Property does not exist on type IInputs

Problem: When you add a new property to your manifest file the TypeScript-type will not be generatet until you run npm run build. So if you try using the property in your code before that you will get the error “Property ‘propertyname’ does not exist on IInputs.

Solution: run npm run build


Error: Building temporary solution wrapper: failed.

Problem: You try to run pac pcf push to test your solution, and you get the Error: Building temporary solution failed.

Possible solution 1:

The first thing I do is to do a npm run build. And in most cases there is some small compilation error in my code, like ” expecting a ; ..” , and after fixing these errors I can run pac pcf push again with no errors.

Possible solution 2:

If the npm build does not return any errors I take a look in the obj\build.log file.

One error that showed up was problems with loading nuget packages.

Since this error showed up right after I had cloned and setup a .NET project in Visual Studio I figured it must be that msbuild (which is used by pac pcf push) tries to use all the packages that are referenced in “Package source”.

And sure enough when I went into VS2019 and unselected the private packages I was again able to run pac pcf push without errors. To find these settings go in Visual Studio –> Tools –> Nuget Package manager –> Package Manager settings. And select “Package sources” as shown in the image below. And unselect the packages that require additional logins.


Did you find this article usefull? Follow me on twitter to be notified when I publish something new!

Also, if you have any feedback or questions, please let me know in the comments below. šŸ™‚

Thank you for reading, and happy coding!

/Eli

Share this:

  • Twitter
  • Facebook

Post navigation

My top 5 favorite VSCode extensions
Quick tip: How to get syntax highlighting in markdown code blocks

1 thought on “A beginners guide to PowerApps Component Framework (PCF) – part 2: Common problems/errors”

  1. Pingback: A beginners guide to PowerApps Component Framework (PCF) – part 1: Setup, test and deploy - A cup of dev

Leave a Reply Cancel reply

Eli H. Schei

I'm a front-end developer who mainly work in the Microsoft 365-sphere. As a developer I read a lot of blogs. And in my experience I can read multiple different blogposts about exactly the same topic, and only one of them makes sense to me. Therefore I’m adding my voice to the mix, and hopefully one of my blogposts will be the one that makes sense of a topic for you. You can learn more about me here.

Recent Posts

  • My top 5 uses for Microsoft 365 CLI
  • How to upgrade your SPfx project to the latest version, and how to fix/avoid common issues
  • A comprehensive guide to Power Apps Component framework (PCF): Part 3 – Working with PCF components and Dataverse solutions
  • What is a Microsoft 365 Developer, and how to get started
  • A comprehensive guide to Power Apps Component framework (PCF): Part 2 – Add React to PCF component and test the component in a canvas app

Categories

  • Level
    • Beginner
    • Intermediate
  • Microsoft 365 Development
    • Microsoft Authentication Library
    • Microsoft Graph
    • Microsoft Teams
    • PNP powershell
    • PowerApps
      • PowerApps Component Framework
    • SharePoint Framework
    • SharePoint Online
  • Web development
    • Accessibility
    • Soft skills
    • Tips and tricks

Tags

accessibility ARIA Azure CLI Content creation custom themes favorites git github M365 CLI M365 development PCF PnP powershell power apps PowerApps Component Framework quicktip react resources SharePoint Online Sideloading SPfx Teams tools wcag Windows terminal
©2022 A cup of dev | WordPress Theme by SuperbThemes.com