Skip to main content

Questions tagged [spfx-tooling]

Technical questions about the development tooling for the SharePoint Framework client-side development model.

Filter by
Sorted by
Tagged with
0 votes
2 answers
26 views

SharePoint Framework on SharePoint Server 2019

Which node and which gulp, yo and so on I should install before developing SharePoint Framework on SharePoint 2019 server. I tried node 11.15. and now I'm try to fight with node 12.22.12 and I can't ...
4 votes
2 answers
2k views

SPFX and react-router

I'm having trouble getting react-router working on my SharePoint Web Part with React and TypeScript. I have tried react-router as a standalone webapp and it works fine. Just can't get it working on ...
8 votes
2 answers
6k views

Reverse engineer TypeScript output back to source code?

Maintaining SharePoint solutions without access to source code can be time consuming. Especially if you have to extract a .wsp from a farm, rename it to .cab and start looking into output files as XML ...
5 votes
3 answers
11k 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
1 answer
59 views

How to compile a package which depends on @microsoft/*

I'm trying to create a reusable SharePoint utility library. I want to use heft to build the library, because it will deal with scss typings, and both cjs/esm outputs. However, SharePoint's ...
0 votes
0 answers
329 views

Got this while saving .tsx: ERROR in Cannot read properties of undefined (reading 'getFirstToken')

Tooling browser chrome version 117.0.5938.92 (Official Build) (32-bit) SPFx version 1.18 Node.js version 18.18 spfx-fast-serve-helpers: 1.18.1 npm run serve works gulp serve works Problem arise when I ...
0 votes
1 answer
69 views

Is app with SPFx version 1.4.1 compatible with SharePoint Online?

Is app with SPFx version 1.4.1 compatible with SharePoint Online? I deployed SPFx app of version 1.4.1 and it has problem to sometimes load the web part and sometimes not, is it because of version ...
0 votes
1 answer
81 views

Preview not showing while add SPFx app under Communication site

I have added the SPFx app under the SharePoint Online communication site. When I tried to create a new page from the Home page and select Apps. SPFx app preview not showing. Please refer to the below ...
1 vote
2 answers
1k views

Attempting to delete multiple items from SP list using pnpjs V3 but getting error on ```createBatch()```

I'm following this documentation: https://pnp.github.io/pnpjs/sp/items/#add-multiple-items But I'm getting an error with sp.web.createBatch(): import { SPFI, spfi, SPFx } from "@pnp/sp"; ...
1 vote
0 answers
58 views

Facing issues while create Sharepoint lists with lookups columns using xml

I want to create two list 1) Employee details and 2) Selected Employee programatiocally using XML in SPFx. So, I have created two files for each list 1) element.xml and 2) Schema.xml. And added that ...
0 votes
1 answer
842 views

Is there any problem if my SPFx requires "node": ">=16.13.0 <17.0.0" while my node.js version is "14.18.1"

I want to deploy this SPFx sample inside my tenant @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-chatgpt-app. Now inside the package.json file below is mentioned regarding the ...
0 votes
1 answer
349 views

Link between gulp and sharepoint online

Love the new SPFx capabilities. Just set up my dev environment, started gulp serve, and HelloWorld rendered on the localhost workbench. Made a code change, saved the file, gulp serve re-published ...
1 vote
1 answer
3k views

gulp serve error

I'm trying to work on a project of a SPFx web part. The project was built normally but when I try to test my web part on my tenant the following error occurs: Error: Your dev environment is running ...
4 votes
1 answer
975 views

How do I upgrade an SPFx web part to the newest SPFx version?

I found a web part to show and print PDF docs from SharePoint, and it seems to support the swipe gesture too. The code is for SPFx v1.12. I'm thinking about upgrading to v1.16 first. What would I need ...
0 votes
0 answers
207 views

Sharepoint Online SPFx error on all webparts : Something went wrong -> Mismatched anonymous define() module

Error on sharepoint online SPFX webparts as, Something went wrong -> Mismatched anonymous define() module
4 votes
6 answers
10k views

Cannot test SPFX webparts on my SharePoint tenancy

I am using the SPFX and I have created my webpart using SPFX and gulp serve is running on my development machine but when I try and test the web part on my tenancy I get this error message : Your ...
0 votes
2 answers
2k views

Is it possible reverse engineer sppkg file? I mean extract source code from .sppkg file

I'm looking at changing an existing webpart. But unfortunately there is no source code stored any where. Is it possible reverse engineer sppkg file? I mean extract source code from .sppkg file. Thanks ...
0 votes
1 answer
132 views

Web part with Persona stopped working

I have a SPfx web part that uses the Persona component. That component just started failing on SharePoint Online in the last day or two. It still works in my localhost workbench, but fails on ...
1 vote
2 answers
95 views

What all we need to start working with SharePoint Framework

I am new to SharePoint framework, am not aware which technologies need to be learn to work and develop workflows using spfx. Any suggestions would be appreciated, thanks in advance.
0 votes
2 answers
780 views

SPFx app after updating node version app not working

I created SPFx app in node version 8.x and deployed successfully. Now I want to do enhancement to the app but node does not allow to build app when because of 8.x node version. So I update the node ...
2 votes
2 answers
166 views

Does anyone know how a custom SharePoint list to be showed as a persona card?

I'm a new in SharePoint solution ,my problem is that i have a custom SharePoint list which have people inside and i want that people with the credentials to be showed as a persona card like MS graph ...
1 vote
2 answers
3k views

Error - [spfx-serve] Error: Invalid glob argument with spfx - gulp serve

I'm setting up a development environment for SP2019. I've installed as per the development stack recommended within the guidance material and roadmap page for SPFx 1.12.1 https://docs.microsoft.com/en-...
0 votes
2 answers
73 views

Issue when packaging a solution

When I am packaging a solution I am facing this error when I run the command gulp bundle -ship.
0 votes
1 answer
3k views

My SPFx compatibility between SPFx & Node.js

Inside my node.js I have the following version: D:\SPFx Systems>nvm list * 14.18.1 (Currently using 64-bit executable) 12.22.7 10.24.1 8.17.0 And inside my SPFx I have this inside ...
0 votes
1 answer
121 views

Replace OOB Sharepoint top menu with Top Application Customizer Extension

I have built a custom Sharepoint Top Application Customizer Extension for a branding project, does the Top Application Customizer always appears on the top of the page? as per our requirement we are ...
3 votes
2 answers
4k views

Deployed app customizer sppkg doesn't show up in site collection's app catalog

Following the documentation to create an app customizer and bundled with no changes to the code from the yo generator code base (@microsoft/generator-sharepoint was v1.3.4). The debug mode ?...
10 votes
4 answers
21k views

Gulp serve error : Cannot find module '@microsoft/sp-build-web'

I am working on the SharePoint Framework Tutorial 1 for the Hello World Web Part. When running the build command gulp serve to build and preview the webpart I get the following error "Cannot find ...
0 votes
1 answer
278 views

How to best setup spfx on a new environment

I'm looking at setting up a spfx on a new environment and i'm looking for ways to automate/improve the installation maybe using some generator or something similar. Also some good resources and links ...
1 vote
1 answer
3k views

AssesrtionError: Task never defined : clean; on gulp version 4

I have recently migrated from gulp 3 to gulp 4 in SPFx 1.13.1 project. Previously I had SPFx 1.10 and gulp 3.9.1 version. After migration when I did run Yarn dist I got an error because I was using ...
10 votes
6 answers
22k views

SPFx: Yo is not recognized as an internal or external command

I never used Yeoman, did everything by the Microsoft SPFx book (and now feel stupid): https://github.com/SharePoint/sp-dev-docs/wiki/Setup-your-machine Using the suggested Cmder for windows Note: ...
0 votes
1 answer
835 views

Does anyone know how to display data from a sharepoint list as an image?

Does anyone know how to display data from a SharePoint list as an image ? I want for an example each row from the SharePoint list to display as an image to the hub site . For examples i have 5 custom ...
0 votes
1 answer
1k views

Does anyone know how to use live persona card and load data from a SharePoint list?

Does anyone know how to use live persona card and load data from a SharePoint list
0 votes
1 answer
31 views

Problem with library node SPFx

I have trouble downloading npm install @pnp/spfx-controls-react, has anyone happened to it? It shows me the following error, I have removed and installed node again, but the problem persists
1 vote
1 answer
6k views

Getting "Access token validation failure. Invalid audience" for Aad application in spfx

I have created one AAD application with below configuration and trying to access the Graph APIs added in the AAD application using SPFx SPFx configuration and code: Error: Please suggest if I am ...
0 votes
1 answer
202 views

With Docker on Windows, workbench for SPFx no longer works

I think it started with @microsoft/[email protected]: With Docker on Windows, we used to apply this workaround in SPWebBuildRig.js to load the resources correctly in the local workbench. But ...
0 votes
2 answers
418 views

Unable to install Microsoft sharepoint generator in MacBook pro

I am getting below error and messages while trying to install Microsoft SharePoint generator in MacBook pro: npm WARN notsup Unsupported engine for @microsoft/[email protected]: wanted: {&...
2 votes
1 answer
285 views

SPFx npm audit results in high and critical vulnerabilities

Despite the fact I am using latest version of SPFx tooling (1.13.0) released 5 days ago, when I run npm install/ npm audit I get 96 vulnerable dependencies while over 40 high and 3 critical. Majority ...
1 vote
1 answer
172 views

Configuring Dev environment for SP2016,SP2019 on prem and M365

I have several clients who are needing to migrate from SP2016 to SP2019 over the next 2 months. We will be setting up a hybrid environment for these clients where Intranet & Extranet requirements ...
0 votes
2 answers
10k views

SPFx - How do I know which version of node, gulp and yo to use?

I see that certain versions of node, gulp etc. are incompatible with each other. How do I know which versions are compatible with which?
0 votes
1 answer
376 views

Updating a list in SharePoint framework - SPFx WebPart

I have followed this tutorial and this documentation in order to create lists and columns within SharePoint Online. Everything seems to work fine when creating them for the first time. But when I try ...
0 votes
1 answer
130 views

How to upgrade dependency packages which have vulnerabilities

In our company we use veracode to scan our code and this tool give us a summary report at the end with the vulnerabilities found on our source code or dependencies. I have created a new SPFx webpart, ...
1 vote
1 answer
309 views

Getting errors on SPFx hello world web part in SharePoint 2016 referencing a "strings" file

I am trying to get a hello world web part to work in SharePoint 2016. I believe the SharePoint server has Feature Pack 2 installed as I see that KB4484255 (version 16.0.4966.100) shows as installed ...
1 vote
3 answers
2k views

How to use Yeoman Generator to generate a SharePoint 2016 SPFx web part (without errors)

I need to create an SPFx web part for SharePoint 2016. I have been following the instructions here but am getting an error when running "yo @microsoft/sharepoint". I know that versions of ...
0 votes
1 answer
170 views

Azure Virtual Machine for SPFx Development

As my personal laptop is too slow, is it possible to setup dev environment using Azure Virtual machine for SPFx Development? Kindly provide your advice on the same.
1 vote
0 answers
135 views

Add SPFx to Angular Page

My organization has a site completely designed in angularJS(Not designed by me). Now I have designed a web part using SPFx which I want to add to the existing site. The web part layout is also ...
0 votes
3 answers
1k views

While setting up new SPFX environment getting Error of unsupportability

I am trying to set up an environment for SPFX development. I tried to install the latest version of nodejs. I installed latest version of nodejs 14.15.4 and automatically npm verion 6.14.11 installed. ...
1 vote
1 answer
149 views

How to get users to whom a SharePoint file in a document library is shared with

I am making a accordion for a SharePoint doc lib. Accordion expands on folder/subfolder/subfolder....(up to 3 level) and also shows all files in tree like structure. I have use following api call to ...
4 votes
3 answers
5k views

spfx webpart Canvas size on Modern Page

I've created an spfx webpart using the react-office-ui-fabric DetailsList. It works fine, but the details list is quite wide. On a modern page the framework is rendeing my webpart in a div that is set ...
1 vote
0 answers
966 views

SPFX Add webpart dynamically at runtime

I'm trying to render webparts dynamically at runtime. I have almost no experience with react, so this is where I'm stuck (I think). Using pnp-js I can get the webpart definition and manifest like this:...
0 votes
1 answer
332 views

SPFx - Add/Remove form fields

I need to create a custom page where the fields can be configurable. We need to create it as SPFx web part. In the property pane, we want to provision a JSON which users with proper permission can ...