Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [spfx-webparts]

Technical questions about building and using web parts based on the SharePoint Framework client-side development model.

0
votes
1answer
14 views

SharePoint framework unit testing pnp

How can I test with jest a pnp function? How can I mock the webpart context and pnp responses? I'm using spfx webpart, pnp-js-core and jest for unit testing Thanks.
1
vote
1answer
34 views

Steps to setup SP2016 onprem with React using SPFX

I am trying to setup SP2016 onprem with React, using Yoeman generator @microsoft/sharepoint. I am getting errors when I run gulp serve. Need Help on setting up this project using SPFX. I have ...
0
votes
0answers
14 views

Error in webpart after upgrading to SharePoint Framework 1.8

I have just upgraded to spfx framework version 1.8. When I try to add the webpart to the page, I get this error Original error: Error loading https://component-id.invalid/f2f8e00f-ef2a-4909-b24a-...
1
vote
0answers
27 views

SPFX Webpart with Dropdown don't work on Classic pages

I currently have a spfx web-part which contains a dropdown, when I add it to a classic page and try to use the dropdown when the SharePoint ribbon displays the Format Text tab, the dropdown keeps ...
0
votes
0answers
15 views

Stop Property Pane closure on validation fail

I am looking to find out the correct way to stop Property Pane closure or update on validation fail. I can't see anything in the SharePoint documentation and am thinking one way to do it would be to ...
0
votes
0answers
13 views

What parameters need to be listed for HTTP Request

I need assistance to determine what the 'Request Body JSON Schema' should be, to allow Flow to trigger via HTTP request to pass the List Item ID as a query string parameter. I am working on a list ...
0
votes
1answer
26 views

Loading external JS sources prior to any other scripts in SharePoint Framework

Deploping on SharePoint Modern, I am using this React Content Query Web Part and added two of them on the page. One of them will need slick.js and another one is using masonry.js, both of which ...
0
votes
0answers
31 views

List recently access documents

I am trying to develop a web part the lists the logged on users recently accessed documents, as per the home page of www.office.com, and the recent documents tab. I originally thought this ...
1
vote
1answer
56 views

Update List Item SPfx not working

Below is the code, which is not working, shows below error An unexpected 'PrimitiveValue' node was found when reading from the JSON reader. A 'StartObject' node was expected. const body: string = ...
0
votes
0answers
12 views

SPFx Web part not retaining the Property values

I have a SPF'x web part (SPF'x V1.1 as its for On premise) which has 2 string type of properties. It was working fine in my QA environment. But in Prod, The properties not retaining the values. I have ...
0
votes
1answer
26 views

Can I use SPFx 2019 webpart to 2016 on-premises?

I have created SPFx webpart for SharePoint Online and 2019 on-premises. Now I want to run same webpart on Sharepoint 2016 on-premises. So my question is that Can I run same webpart on 2016 by doing ...
0
votes
1answer
25 views

Is it possible to change the language (strings) of a SPFx webpart inside the webpart?

I have a SPFx webpart with "de" and "en" locales and want to change the language with a button in the webpart. How can i change the locales? SPFx webpart on a modern page.
0
votes
0answers
11 views

provider hosted Add-Ins and provisioning modern pages

I am doing a a review on various (classic) sites, to see how much work is needed to migrate these to modern communication, team and hub sites. I found a load of provider hosted apps available for the ...
0
votes
1answer
41 views

Access other Site collections in SPFx web parts

We have a requirement to convert one of the existing provider hosted app functionality to spfx webpart. The provider hosted app implemented using App only calls to access other site collection in the ...
0
votes
1answer
24 views

Error Handling in onInit()

I'm loading information from a SharePoint list in the onInit method. Now I'm wondering how to handle errors. My expectation was that if there's an error the returned promise would fail and some ...
0
votes
1answer
25 views

MSGraph with spfx WebPart does not propt user for permission

I am expermimenting with people in MSGraph. I am attempting the "/me/people" graph call and getting a 403 forbidden. The People.Read permission states it does not need Admin Consent. People ...
0
votes
0answers
25 views

Aditional properties not allowed SPFX webpart error

I'm getting this error when I use gulp serve Blockquote Error: #/localizedResources (A set of localized resources, to be d...) Additional properties not allowed: v3WebPartStrings Error:...
1
vote
0answers
54 views

Adding sections and web parts to the modern pages is not working

@pnp/sp version is 1.2.3/1.2.7 SharePoint version is SPO (online) I am loading the site in the Web object and adding the client side page using the web object. Once the page got created I am adding ...
2
votes
1answer
69 views

SPFX 1.7.1 - Full page apps - How to configure

So i've been away from SPFX for a while since they were still using the older version of React and i've got a question. I can see that they added a developer preview of "Full Page apps". How can you ...
0
votes
1answer
52 views

Question regarding Typescript version in SPFx

I have few SPFx related queries as mentioned below. What is the current version of typescript in SPFx v1.71? if it is not the latest version then is there any plan to upgrade? It will be great to ...
2
votes
1answer
23 views

Get User's Time Zone using PnPJs

We are trying to retreive current user's profile Time Zone SPS-TimeZone from a SharePoint Framework webpart, but we are faicing an error (see below). Does anyone know about the best/most effecient way ...
0
votes
1answer
23 views

This function always return extra values

While calling the function always get "x" extra added value . Suppose I have received 3 values on 1st call , next 2nd call I received (3 + 3) values , and on 3rd call (6 + 3) values . But I want to ...
1
vote
0answers
39 views

Spfx web part to show task list on modern sharepoint UI

I am looking to leverage team sites for one of my projects. Since modern UI only supports custom lists in web part view, I am looking for some help on how Spfx can be used to show task list web part ...
1
vote
1answer
25 views

SPFx Document Search Result Add-in with ECB / CommandSet option

we are building SPFx based document listview based on search / user personalized view - my bookmarks or recent document; We want to plug in OOTB ECB menu / command set; is there any option to ...
0
votes
0answers
41 views

Error loading SP-webpart-workbench during SPFX webpart tutorial

I have been trying to walk through the tutorial "Build your first SharePoint client-side web part (Hello World part 1)", and I have found it to be quite troublesome. I've worked through many of the ...
2
votes
1answer
91 views

Create document set with REST API in SharePoint Framework

I'm looking for a way to create a document set in my document library from within SPFx web part. I'm using @microsoft/sp-http module to create HTTP requests. Do I need to manually create some ...
5
votes
1answer
78 views

Configure multiple modern SPFx Web Parts on classic pages

We have an issue with Sharepoint Web Parts which have worked perfectly fine in the past, but seem to have broken sometime within the past month without change on our side. One modern web part on the ...
0
votes
1answer
41 views

Calling MS Graph API: An error as soon as declaring the MSGraphClient

I have imported the MSGraphClient in my project using the following statement: import { MSGraphClient } from '@microsoft/sp-client-preview'; I have also added those two import statements, as I will ...
0
votes
0answers
58 views

Connect SPFx webpart and SP list using dynamic data

I know a SPFx webpart can be connected to another SPFx webpart using PropertyPaneDynamicFieldSet and PropertyPaneDynamicField. My question is can a webpart being connected to a SP list? I'll connect ...
2
votes
0answers
23 views

Error in seting up spfx 1.7 with angular 7

Hi I am setting up a SPFX 1.7 project with Angular 7 using the sample which is done with previous version. https://www.youtube.com/watch?v=_OgEqWtouuU https://winsmarts.com/use-spfx-with-angular-cli-...
1
vote
0answers
50 views

SPFx Custon Property Pane not opening

I have created one custom SPFx webpart in which I have placed one link (My Links). By clicking on that link, I am getting links from SharePoint list. When user clicks on the link, it opens Property ...
0
votes
0answers
22 views

Unable to print result in spfx react (got the data)

Getting data from SPFX React (json) - this.state = { testProperty1: "", hideDialog: true, showModal: false, items: [ { Id: "", title: "", ...
0
votes
1answer
53 views

Error while creating list item with multi-user field - pnp js / spfx

In my spfx webpart, I'm creating list item using pnp js. As per pnp-core-js documentation I have written following code, but its failing with error. Private AddListItem() { pnp.sp.web.lists....
1
vote
1answer
60 views

spfx pnp search API: Search by content type and part URL

I have a requirement to makes an SPFX search webpart that can be searched by content type and also partial item url but it has to only return a specific content type from all sites accept root. The ...
1
vote
2answers
47 views

Error when using 'boolean' type property in spfx

I have used office ui fabric 'Checkbox' component in my spfx. For storing value of checkbox I have declared one property with name 'var_Passport' as 'boolean' type. further, I'm assigning value (true/...
1
vote
0answers
49 views

SharePoint Modern Filter option for list view webpart

I have some lists and libraries in SharePoint Online and all are already converted in modern experience (new experience). I want to add these as list view web part in SharePoint Modern page and ...
1
vote
1answer
199 views

How to dynamically bind value (Options) to Dropdown - Office UI Fabric React Components

I'm using Office UI Fabric React dropdown in my spfx webpart. I have added static options in that dropdown as below, but I want to bind options dynamically which i'm getting from REST api. <...
1
vote
1answer
33 views

I want to call one child component from parent component spfx react

I want to call SPFX react child component from parent component . But I am getting error while creating react component . Error: Declaration or statement expected. Cannot find name 'div'. Type '...
1
vote
1answer
78 views

Want to open popup in button click SPFX React

I Want to show modal popup in spfx react webpart. Below is the code I am using: <div> <button onClick={e => this._OpenModal(this)}>Open Modal</button> <div id="myModal" ...
0
votes
1answer
24 views

Sharepoint PnP & SPFX React [duplicate]

While binding the data always getting extra row ... {this.state.items.map(myitems1 => { return ( <div key={myitems1.Id}> <span>{myitems1....
1
vote
1answer
44 views

getting error while retrieving data from sharepoint online spfx react

Trying to get data from SharePoint online using spfx react .. const { siteurl } = this.props; let requestUrl = siteurl.concat( "/_api/web/Lists/GetByTitle('Shoping%20CartItems')/items" ); // Get ...
2
votes
0answers
24 views

SPFX WebPart: Getting HTTPS certificate ERROR in IE11

Getting HTTPS certificate error in IE11, webpart is working fine in chrome, firefox, and Edge but NOT in IE11. The webpart is just displaying some simple list data in dropdown component, and nothing ...
1
vote
0answers
26 views

SPFX and React : Component not rendering correctly because of findDOMNode returns null

I am a new React learner, and I may have a situation with render() and findDOMNode. What I have and what is the wrong behavior : I'm quite new to React so, I may have done lots of mistakes there. I ...
1
vote
0answers
37 views

Create list view webpart using office UI fabrics in SPFX

I want to implement same list view webpart as given in this Office fabric component example article. They have provided code for the same but I don't know how to implement this code. I have created ...
2
votes
1answer
665 views

Failed to execute 'json' on 'Response': body stream is locked

I am following this article and get the following error in the console.log Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream is locked at e.json (sp-pages-...
0
votes
1answer
64 views

A service principal with the name User Details Custom API for SPFx

I am consuming an Azure API app in a SharePoint Online react app. I am following this article. But when I try to approve the app permissions on the API management page (SharePoint admin centre). I ...
0
votes
1answer
72 views

Provisioning SPFx WebPart assets: adding a page with your webpart embedded to it

As far as I can see it should be doable to create a package which can automatically, once the app is added to your site, to create a page and embed the webpart on it - as described here: https://...
3
votes
1answer
243 views

NodeJS not compatible

when I run gulp serve I get the following error. Your dev environment is running NodeJS version v10.15.0 which does not meet the requirements for running this tool. This tool requires a version of ...
0
votes
1answer
45 views

Sharepoint (SPFx): APIs working on workbench but on modern pages the /sitePages/ path appears

I'm fairly new to the sharepoint framework so this maybe something quite fundamental that I have misunderstood but here goes: I'm working on a sharepoint framework typescript / react webpart that ...
0
votes
3answers
106 views

Deploy spfx webpart without using cdn

I am currently developing some spfx webpart and i have deployed the webpart and using a SharePoint library as cdn. My question is: Can i deploy the webpart without using a cdn?