Dataset template debugging failure

Like (0) Share

Report

Posted on 21 Nov 2022 17:08:06 by EBMRay

1,710

Hello,

After creating a PCF using a dataset template, we are getting the below error when we try to debug/run the component:

Screenshot 2022-11-21 210456.png

Any advice on what might be the issue and how to resolve it?

I would greatly appreciate any assistance.

Best regards,
Julien

Categories:

Power Apps component framework

All responses (12)

Answers (2)

Diana Birkelbach 3,072 Most Valuable Professional on 24 Nov 2022 at 11:30:38

Like (1)

Report

Re: Dataset template debugging failure

Hi @Julien2 ,
I have this list:

If you are using the VSCode Power Platform extension, you can go to "uninstall", and choose "Install another version"

That will list all available versions.
EBMRay 1,710 on 24 Nov 2022 at 05:59:57

Like (0)

Report
Re: Dataset template debugging failure

Hello @cchannon ,

Do you know what was the previous version before exactly the below one?

1.20.3+ga66a744
cchannon 4,702 Moderator on 23 Nov 2022 at 20:36:32

Like (0)

Report
Re: Dataset template debugging failure

pac use <version# | latest>
EBMRay 1,710 on 23 Nov 2022 at 19:54:41

Like (0)

Report

Re: Dataset template debugging failure

Hello @DianaBirkelbach @cchannon ,

Thank you for your assistance.

I will just be using the Web API instead of XRM and follow the steps mentioned by Diana including the blog posts that I am always following up on. (Thank you for sharing such interesting content)

I just wanted to ask you regarding the Power Apps CLI version on how can I install a previous version of the CLI since I am not able to find it in the official microsoft docs:

https://learn.microsoft.com/en-us/power-platform/developer/cli/introduction

What is the command that should be executed to revert back to a previous CLI version?

Awaiting your response.

Best regards,

Julien
Diana Birkelbach 3,072 Most Valuable Professional on 23 Nov 2022 at 08:26:48

Like (1)

Report
Re: Dataset template debugging failure

Hi @Julien2 ,

As I've guessed, your project is not the standard template anymore. The issues are with the code you've added.

So, to make it work you need to:

- declare the "no-used-vars" : "off" inside the rules node of the .eslintrc.json (as posted above)

- As @cchannon posted, using the Xrm obejct inside a PCF is not allowed. Inside your project you need to change:

to get the userId use "context.userSettings.userId"

to work with webAPI you need to declare the the webAPI usage in the manifest.
<uses-feature name="WebAPI" required="true" />
then you'll have access to context.webAPI (inside the model-driven apps, including Custom Pages)

to use the navigation features, instead of Xrm.Navigation declare the "uses-feature" Utility in the manifest (similar to webAPI)- Then you'll have access to context.navigation. I have here a blog about the ways to open a record: https://dianabirkelbach.wordpress.com/2020/10/09/dataset-pcf-using-fluentui-open-record/. There is also a dataset.openDatasetItem method.

that " 96:7 error Definition for rule 'react/jsx-no-bind' was not found react/jsx-no-bind" error seems to be caused by the eslint disable command (comment line inside select.tsx on line 96), inside the "select.tsx". By removing that I could build the project.,

To see all the context features, have a look to the context sdk: https://learn.microsoft.com/en-us/power-apps/developer/component-framework/reference/context?WT.mc_id=BA-MVP-5004107

Maybe it helps to add that the dataset PCF are able to get the date from the platform, and also to save the data using the save dataset methods. That way the requests are not hardcode inside the code, but the customizer can choose which table to use. That will also allow to interact with the ribbon.
So maybe you don't need all that webAPI requests.
For more info, here is my blog about the way to save the data: https://dianabirkelbach.wordpress.com/2021/12/20/editable-dataset-pcf-new-sdk-methods/

I have a blog series about implementing a dataset PCF, with links to further blogs on every subject: https://dianabirkelbach.wordpress.com/2020/10/09/dataset-pcf-using-fluentui-open-record/

Hope it helps!
cchannon 4,702 Moderator on 23 Nov 2022 at 05:06:06

Like (1)

Report

Re: Dataset template debugging failure

There is no Xrm object in PCFs. That is only in Client form script. Whatever code you have in there using Xrm.<whatever> will not work. PCF does have its own web API object in context though. I suggest you read up on that here.
EBMRay 1,710 on 22 Nov 2022 at 19:18:21

Like (0)

Report

Re: Dataset template debugging failure

Hello @DianaBirkelbach ,

Yes, the PCF was generated with the template without any code modifications, and the only thing that I modified is the ".eslintrc.json" based on what you mentioned.

Please find attached the PCF project which includes all the details including the CLI, Typescript, and the Node version we're using.

Kindly let me know what we are missing or doing wrong.

Awaiting your response.

Best regards,
Julien

ConvertPayCompone...
Diana Birkelbach 3,072 Most Valuable Professional on 22 Nov 2022 at 12:23:38

Like (0)

Report

Re: Dataset template debugging failure

Hi @Julien2 ,

Is this still the PCF generated with the template? Have you added some code or configs?

I can build the new PCF created from the template.
If you've changed the code a little, maybe you can provide the project ?
Otherwise maybe you can have a look to the changes ..?
EBMRay 1,710 on 22 Nov 2022 at 07:18:39

Like (0)

Report
Re: Dataset template debugging failure

Hello again @DianaBirkelbach @cchannon ,

Thank you for your assistance.

I applied what you mentioned and when I try to publish again I got the below errors:

[pcf-1065] [Error] ESLint validation error: C:\Users\\Dev\ConvertPayComponent\ConvertPayComponent\component.tsx 1:1 error Definition for rule 'react/jsx-no-bind' was not found react/jsx-no-bind 51:5 warning 'Xrm' is not defined no-undef 122:15 warning 'Xrm' is not defined no-undef 122:75 warning 'Xrm' is not defined no-undef 134:5 warning 'Xrm' is not defined no-undef 164:9 warning 'Xrm' is not defined no-undef

Any idea what should be added or changed?

Thank you!
Verified answer

cchannon 4,702 Moderator on 22 Nov 2022 at 04:38:13

Like (2)

Report
Re: Dataset template debugging failure

Oh, just one more thing to add to what @DianaBirkelbach said: in addition to turning this rule off, you can also just set it to Warning so eslint still tells you when you've got unused vars, but it doesn't stop you from building.

"rules": { "no-unused-vars": ["warn"] }