we are unable to add web-part in workbench.aspx on premise SharePoint 2019

Mohammad Javed 151

Accepted answer

Ravi Thapliyal 77 Reputation points

2020-11-09T09:02:23.083+00:00
Javed,

You need to downgrade the Node.Js version to 8.x version

Use SharePointFx version 1.4.0 and check dependcies set to following in package.json
"@microsoft/sp-core-library": "~1.4.0",
"@microsoft/sp-webpart-base": "~1.4.0",
"@microsoft/sp-lodash-subset": "~1.4.0",
"@microsoft/sp-office-ui-fabric-core": "~1.4.0"

While creating solution use - SharePoint 2019 On Premises

Make sure that your SharePoint 2019 On Premise - default wesbites is running on Port no 80 only

I hope it will work :)

Ravi Thapliyal
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

2 additional answers

Jerryzy 10,571 Reputation points

2020-11-03T02:05:44.853+00:00

Hi @Mohammad Javed ,

SharePoint 2019 needs to use SPFX v1.4.0, please check if you have specified the valid version in package.json:

And before adding web part in workbench.aspx, make sure have executed "gulp serve".

Here is a demo to build and deploy SPFX Web Part in SharePoint 2019 environment, please check to see if missing some steps:

SPFx With SharePoint 2019

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
Mohammad Javed 151 Reputation points

2020-11-03T04:57:45.983+00:00

Yes gulp is running and all setting suggested by you is already in our solution. But when we clicked on + plus to add webpart nothing is working.

Jerryzy 10,571 Reputation points

2020-11-03T05:41:41.543+00:00

@Mohammad Javed ,
Did you mean you can't see the newly created web part ? Is there any build error when running gulp serve in your side ?

Jerryzy 10,571 Reputation points

2020-11-03T05:48:19.353+00:00

can you check in this workbench url to see if you can add web part:
https://localhost:4321/temp/workbench.html

Mohammad Javed 151 Reputation points

2020-11-03T05:49:37.193+00:00

Yes we have created new webparts but it is not showing there. No error during gulp build.

Jerryzy 10,571 Reputation points

2020-11-03T07:54:04.61+00:00

@Mohammad Javed ,
Is there any error message in Developer Tool (F12) ?
And make sure keep running gulp when accessing workbench.
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.
sadomovalex 3,631 Reputation points

2020-11-03T14:22:16.07+00:00

is "gulp serve" running when you try to access Sharepoint workbench?
did you run "gulp trust-dev-cert" before to run "gulp serve"? (it is needed for trusting self-signed developer certificate: Build your first SharePoint client-side web part)
Please sign in to rate this answer.
Mohammad Javed 151 Reputation points

2020-11-03T14:54:41.487+00:00

Hello Sadomovalex,

I tried gulp trust-dev-cert also but still i am unable to add client side webpart on workbench (In SharePoint 2019)

Regards
Mohammad Javed

Jerryzy 10,571 Reputation points

2020-11-04T00:36:07.7+00:00

Hi MohammadJaved-1868,
Make sure gulp serve keep running when accessing workbench.

Mohammad Javed 151 Reputation points

2020-11-04T04:50:55.473+00:00

Yes gulp serve is running.

Jerryzy 10,571 Reputation points

2020-11-05T09:09:21.743+00:00

@Mohammad Javed ,

Not able to reproduce the issue in my side.
If there is no build error in your side, try to check SharePoint ULS Log for a furthur troubleshooting.
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

we are unable to add web-part in workbench.aspx on premise SharePoint 2019

2 additional answers

Your answer