Questions tagged [spfx]

The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling.

Filter by
Sorted by
Tagged with
0 votes
0 answers
4 views

Is it possible to use the standard function to open and view a file in Sharepoint in my spfx app?

I created a spfx app with react that can store files in a list: Frontend View When clicking on a button I want that all files in this list gets shown each at a time by clicking through them. The ...
1 vote
0 answers
13 views

Why does my page scrolls every time I'm typing inside an input in SPFx?

I'm working on an SPFx React functional component. I have created a component that contains many accordions Each accordion contains one textbox. Every time I'm typing anything inside an input the page ...
-2 votes
0 answers
14 views

Cannot add type value in dom element [closed]

I am getting this error "Element implicitly has an 'any' type because expression of type '"value"' can't be used to index type 'HTMLElement'. Property 'value' does not exist on type '...
  • 1
0 votes
1 answer
17 views

Issue addin sharepoint list item with mutli people field with rest

I'm trying to add a list item with rest api in sharepoint online. I tried few format, I don't have issue, the item is added, but the multi people field stay empty. in my json file the field is ...
0 votes
0 answers
10 views

Create cascade dropdowns using SPFX React

I am new to SPFX. I am trying to build a web part property pane where there are 2 dropdowns. one has the lists in the current site and another one will populate the items inside the list selected in ...
0 votes
0 answers
32 views

Visual Studio Code Debugger seems to be broken [duplicate]

I was using Visual Studio Code correctly until yesterday to create and debug my SPFx webparts. Today it seems to stop working correctly in debug mode. It happens every time, but let's take this simple ...
0 votes
1 answer
32 views

How to display current logged In User in SharePoint Using SPFx?

I am working on a SharePoint Web part using SPF to display welcome a message to current logged in user. I am new to SPF and with little knowledge in JavaScript. I Have tried this code which displays ...
0 votes
1 answer
120 views

SPFX:TEAMS Integration: Uncaught (in promise) Error: Either Guest user or Cortex is not enabled

We are facing an error while deploying a SharePoint application within the Microsoft Teams platform. The application is built using the REACT (class components) + TypeScript + SPFX framework and is ...
0 votes
1 answer
31 views

What is the difference between Sharepoint Add-ins Legacy and Sharepoint Framework?

I am currently trying to learn how to build apps to add into SharePoint to extend its functionality and after a lot of confusion and reading all about SharePoint Add-ins I was met with this on the ...
0 votes
0 answers
56 views

Call open ai api in React JS class component for continue stream the data

callOpenAI3(): void { if (this.state.isDone) { return; // Stop fetching data if we're done } const CancelToken = axios.CancelToken; const source = CancelToken.source(); this.source = source; const ...
  • 1
0 votes
1 answer
13 views

How to retrieve data from list in SPFX solution

I have 3 components - RequestSHP.tsx, WebPart.ts, Exekucie.tsx I am trying to get data to dropdown from list, but getting error "404 (Not Found)" Here is my RequestSHP.tsx -> import {sp} ...
1 vote
1 answer
32 views

Enable the "Make "New Folder" command available?" option with Sharepoint using @pnp/sp

I need to create folder under Site Pages library under SharePoint Online site. I have tried to create the folder programmatically using @pnp/sp library. But it thrown me Access Denied error. New ...
0 votes
1 answer
22 views

How to clear the MGT PeoplePicker in react hooks SPFx web part?

I need to clear the the PeoplePicker after use. <PeoplePicker selectedPeople={addedMembers} selectionMode={"multiple"} show-max={50} selectionChanged={onPeoplePickerChanged} />;...
  • 661
0 votes
0 answers
19 views

Create new page in child folder under Site Pages library using @pnp/sp

I need to create a page programmatically in a child folder under the Site Page library. I have created an SPFx solution for the same. I have created a functional component and added one button on that ...
0 votes
0 answers
13 views

Sharepoint framework SPFX global configuration for using @pnp/sp

I am creating a webpart using SPFX(react). I am using @pnp/sp for interaction with sharepoint. I want to have a global pnp configuration with the context without having to pass the context in each ...
  • 578
0 votes
1 answer
35 views

Error while building a SPFX React Webpart

I am building my first react webpart. While running the gulp build I am getting the following error. Error - 'sass' sub task errored after 111 ms Can't find stylesheet to import. ╷ 1 │ @import '~@...
0 votes
1 answer
97 views

Which Runtime stack we need to use to host the Azure function for react-chatgpt-app

I want to deploy the https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-chatgpt-app inside my tenant. but for the Azure Function which stack we need to chose, i chose node.js version 18 ...
0 votes
2 answers
33 views

Continued Issues with NPM Install

I've been at this for over an hour and all I have managed to conclude is that I need help. I'm on a new computer where I haven't been doing SharePoint Framework development, but now a bug has come up ...
0 votes
0 answers
8 views

How can i share a file with a password in spfx using @pnp/sp/sharing

I am using @pnp/sp 3.7.0 version I had a function that is not working. I've tried the below function but never got it working. public async shareLinkWithPassword(fileUrl: string, password: string):...
  • 1
0 votes
1 answer
19 views

Error - unable to resolve dependency tree while installing @microsoft/generator-sharepoint

Node version 16.0 I was able to install Gulp and Yo glabally but unable to install the @microsoft/generator-sharepoint I got the bellow error npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve ...
0 votes
0 answers
11 views

Is it possible to inject code into Gulp SubTasks?

I'm currently working on a SPFx project and it's running for the majority through gulp serve. All fine with that, except that every once in a while, gulp seriously chokes on the webpack subtask. ...
1 vote
1 answer
62 views

Combining multiple Promise results into an array

I am trying to send multiple strings to be processed by a function. The function executes a promise on each string that needs to be evaluated. Once all the promise responses are returned, I need to ...
  • 23
0 votes
0 answers
7 views

How can I make changes to a variable in a Sharepoint Command set extension without redeploying the solution?

What is the best way to make a command set extension configurable, similarly to how you would use properties in the property pane for a web part? I would like to make changes to a variable without ...
0 votes
0 answers
14 views

Minified React error #31 with sharepoint online using React + redux tookit

Getting error when getting the state from store. Minified Error when building the project Typescript version: 4.2.4 SPFX version: 1.14 @reduxjs/toolkit": "^1.9.3" @types/react-redux&...
  • 1
0 votes
0 answers
48 views

Attempted to perform an unauthorized operation while copyByPath using @pnp/sp

I have created functionality for folder creation under the SharePoint document library nested folder and copied files from another folder to a recently created folder. I have used the "@pnp/sp&...
0 votes
0 answers
57 views

Image cut off between two pages when export pdf using jspdf

I have created SPFx react functional component for export PDF. I have used JSPDF for export pdf. When I tried to export the PDF images are cut off between two pages. Please refer to the below ...
1 vote
0 answers
25 views

Unable to bind hyperlink in PDF while generate PDF using JSPDF

I am creating a PDF document using jsPDF and I want to Add a Hyperlink inside the HTML it's working fine but when I try to convert it to pdf it simply renders text instead of a hyperlink. Below is ...
0 votes
1 answer
53 views

Why does using @microsoft/sp-dialog inside a SPFX ListViewCommandSet prevent the extension from loading?

I'm trying to do something I've done before. I want to create a new SPFX ListViewCommandSet button which opens a dialog box. However, the moment I reference my custom dialog, the entire extension ...
0 votes
0 answers
14 views

get Termgroup From Metadata Field

I'm making a spfx webpart that use Terms customProperties from metadata Column. I'm able to retrieve the TermId from list and the TermSet (from the List Field Properties) But I'm not able to retrieve ...
1 vote
0 answers
30 views

Breakpoints not hit when debugging SPFx Field Customizer in VSCode

When debugging a SPFX Field Customizer Solution using VS Code, I cannot get the breakpoints to hit in the IDE. If I open the dev tools in the browser, I am able to put in breakpoints in the code and ...
0 votes
0 answers
33 views

Rich Text Editor with file upload in SPFX/React WebPart

I am looking for some package with Rich Text Editor which has file upload for files (not images) and user can basically upload to Rich Text Editor files and description. I tried to find something ...
0 votes
1 answer
41 views

msgraphv3Client connection from spfx webpart

I try to connect to msgraph to read data with msgraphClientV3 from a spfx webpart. I followed this : https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-...
0 votes
0 answers
60 views

SPFx resolving dependency issues

While following this training unit by Microsoft Exercise - Use the SPFx PnP reusable property pane controls I encounter errors, any advice on how to resolve these issues? Environment Info Platform: ...
  • 1,683
0 votes
1 answer
68 views

Is it safe to override window.sessionStorage.getItem and setItem?

In my SPFx web part I am using an npm package that defines React.js controls that I need. The library is https://github.com/pnp/sp-dev-fx-controls-react, but my question is not strictly related to ...
  • 30
0 votes
1 answer
212 views

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'web') when using sp pnp v3

I am developing a webpart for my sharepoint tenant. When I test my solution on my workbench everything works well. But when I put it on my sharepoint online I get the error described in the ...
0 votes
0 answers
16 views

SPFx bootstrap css conflict issue

I have gone through the link https://thorvaldboeblog.wordpress.com/2017/06/11/create-a-responsive-web-app-with-sharepoint-online-classic-and-office-ui-fabric/. It contains following information When ...
0 votes
0 answers
40 views

React bootstrap carousel in SPFx

I am referring this link https://react-bootstrap.github.io/components/carousel/ to create carousel in SPFx. I have more than 10 items to show in carousel but I want to show 5 indicators. So I want to ...
0 votes
0 answers
14 views

React bootstrap vs bootstrap in SPFx

I want to know pros and cons of React bootstrap vs bootstrap in the context of SPFx. Is there any partiuclar reason we should use one over another in SPFx
0 votes
2 answers
144 views

Facing throttle (Http 429) error when calling Graph API in the loop

I am developing a portal for meeting room booking similar to the one available on Power Apps. I want to call graph API to get the availability of each rooms in the tenet at the filtered time provided ...
0 votes
0 answers
54 views

Different technologies to interact with SharePoint and External systems inside our SPFx web part

I am developing 2 SPFx web parts. one which shows items from a SharePoint list and the other shows items assigned for the login user from SLACK. now for the technologies, to connect to the SharePoint ...
0 votes
2 answers
92 views

I'm trying to create a spfx environment, i ran command "npm i -g @microsoft/generator-sharepoint" and i returned with error "code EEXIST"

my node version is 10.13.0, i'm using this version because of a specific project dependency and i'm using my office laptop, I'm also having +-- gulp@4.0.2 +-- typescript@4.9.5 `-- yo@4.3.1 i want to ...
  • 1
0 votes
0 answers
27 views

SPFx - list username shows in console but not when mapping out object array

I have made a simple SPFx application that is supposed to fetch data from a list in SharePoint Online called "Users". I am using PnP sp to get the list items and the data shows in ...
0 votes
0 answers
63 views

SharePoint SPFX webpart in react js

I nee when i select value in KPI Group Dropdown then value in KPI Sub Group Dropdown value show. but After i select value in KPI Group Dropdown value not show in KPI Sub Group, After i select value ...
0 votes
0 answers
31 views

SPFx wab part to modify left navigation

Is it possible to build SPFx web part which can replace the left navigation. I would like to create my own navigation that will use a treeview control. From what I have seen there are number of ...
  • 79
-2 votes
2 answers
29 views

BaseApplicationCustomizer throws errors

So today I was updating one of our SPFX extensions to use the latest spfx framework (1.16) with node (16.13) and after finishing my updates I got the following inside my code: I am not exactly sure ...
0 votes
0 answers
27 views

TypeScript Keyof in const issue with name

I'm trying to get value of SharePoint list dynamically for a custom calendar. the user will be able to choose start and end DateTime so I can't know by design my field. here the code : type objkeys = ...
0 votes
1 answer
47 views

While we are create list and list columns using "pnp/sp". Why some of the columns are not created in one go?

While we are create list and list columns using pnp/sp. Why some of the columns are not created in one go? We need to run again then it will created. Please help me to resolve this issue. I have used ...
-1 votes
1 answer
50 views

Autodesk Forge Viewer in Sharepoint just shows black models

For our current project, we integrated the Forge viewer into Sharepoint following this tutorial. (https://aps.autodesk.com/blog/sharepoint-online-integration) We then set up the project in React using ...
0 votes
0 answers
9 views

In SPFx web part

I am trying to change language from English to Arabic in SPFx web part. I want to change this in browser only , can any one help me in this?? Even I am not sure that is this possible or not, I search ...
0 votes
0 answers
28 views

PNP Listview isnt lazyloading

I have implemented a listview control in my SPFX webpart. It is showing a memberlist with 205 members. But when I scroll down it is actually only showing 50.. When I look into console i get this ...
  • 156

1
2 3 4 5
19