Questions tagged [spfx-tooling]

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

Filter by
Sorted by
Tagged with
1 vote
1 answer
60 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 ...
  • 11
3 votes
1 answer
107 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
74 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
  • 39
0 votes
2 answers
152 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 ...
  • 4,158
0 votes
1 answer
78 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
34 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
0 answers
41 views

Add adaptive card as webpart not as Dashboard

I have build the ACE and deployed to App catalog but unfortunately I cannot add as web part. I am using default or sample code to test (No changes from pre-build) whether this can used as webpart or ...
0 votes
2 answers
25 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
2 answers
277 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 ...
0 votes
1 answer
747 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 ...
  • 251
0 votes
1 answer
55 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 ...
0 votes
1 answer
58 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 ...
  • 4,158
1 vote
1 answer
428 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"; ...
2 votes
2 answers
90 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 ...
0 votes
1 answer
489 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
0 answers
22 views

Does anyone know how to fecth automacally data from a sharepoint list and be shown as persona card?

I have SharePoint list which had contacts and want to make a SharePoint framework solution that will fetch these data and show it as a persona card .I cant figure out and I'm trying to solved for a ...
0 votes
1 answer
535 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
0 answers
17 views

Can a provider-hosted SharePoint Add-In be re-written to use SharePoint framework? [duplicate]

I'd like to take an existing provider-hosted SharePoint Add-In and convert it to use SPFx. However, it is unclear what the impact would be. For instance, the management of Client ID/Secret which used ...
0 votes
1 answer
28 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
  • 101
1 vote
1 answer
1k 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 ...
0 votes
2 answers
286 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/generator-sharepoint@1.13.0: wanted: {&...
2 votes
1 answer
153 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
2 answers
1k 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
4k 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
74 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, ...
0 votes
1 answer
183 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 ...
1 vote
1 answer
116 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
1 answer
100 views

With Docker on Windows, workbench for SPFx no longer works

I think it started with @microsoft/generator-sharepoint@1.12.1: With Docker on Windows, we used to apply this workaround in SPWebBuildRig.js to load the resources correctly in the local workbench. But ...
  • 3
1 vote
1 answer
96 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,433
0 votes
1 answer
108 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.
  • 483
1 vote
3 answers
1k 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 ...
  • 1,433
1 vote
1 answer
4k 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 ...
1 vote
0 answers
97 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 ...
  • 39
0 votes
3 answers
746 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
82 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 ...
0 votes
1 answer
141 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 ...
1 vote
0 answers
108 views

SPFX Uncaught TypeError: state.Array.slice is not a function

Code where the error occurs: const initialState: IUserProfileState = { useremail: '', status: '', //items: {} as IListItem[], EmpID: '', ExeArray : {} as IArrayItem[]...
  • 39
0 votes
0 answers
412 views

Spfx : Cannot read property 'consume' of undefined

Spfx Error : Cannot read property 'consume' of undefined Sample Code wherte the error occured: public componentWillMount(): void { let serviceScope: ServiceScope = this.props.serviceScope; this....
  • 1
0 votes
1 answer
492 views

Error trying to install the Yoeman SharePoint Generator

I'm trying to install the Yoeman generator for SharePoint Online. I've installed v10.22.0 of Node, 6.14.6 of NPM. I'm trying to use the following command: npm install @microsoft/generator-sharepoint --...
1 vote
1 answer
1k views

Getting warning messages : Warning - [sass] The local CSS class 'min-chart' is not camelCase and will not be type-safe

I am using third party css in SPFx. When I am building it, SPFx is showing me lots of warning messages : I am using Windows 10 / SPFx 1.11.0. Please let me know how to disable these warning messages. ...
0 votes
2 answers
168 views

External sharing is disabled for https://yourtenant-admin.sharepoint.com/_layouts/15/workbench.aspx

I am trying to create a new web-part using the SharePoint Framework. After doing gulp serve, If I go to the page https://your-sharepoint-tenant.sharepoint.com/_layouts/workbench.aspx, I am seeing an ...
3 votes
1 answer
2k views

SPFX - Inlcude Static Files in the Solution Package

We need to include a third-party solution in our SPFX app which itself is rendered as in iFrame within the web part. We have this working locally in the workbench and it works when deployed, but only ...
  • 31
1 vote
1 answer
370 views

Where is HttpClient and related classes in SPFx 1.1?

I am finally able to get started using SPFx. Stuck on 2016 / SPFx 1.1. The documentation for the HttpClient class says it's in the @microsoft/sp-http package. However, the Yeoman generator did not ...
  • 12.5k
0 votes
1 answer
531 views

SPFX - Client side solutions cannot be used in this location

I am facing below issue while adding SPFx package file in App Catalog: Client side solutions cannot be used in this location. Update: I am adding package file in "Apps for Testing" library. "Apps ...
0 votes
2 answers
323 views

What version of Node.js can I use if I'm stuck on SPFx v.1.1.0 (SP 2016)?

I'm stuck on SharePoint 2016 for the time being, and I know that means I'm stuck using SPFx v.1.1.0. However, I'm not sure what that means in terms of what version of Node.js to use. I have some ...
  • 12.5k
1 vote
0 answers
737 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:...
  • 113
0 votes
0 answers
130 views

spfx how to minify files for own CDN

Original question was, whether is it possible to somehow extend the webpack/gulp inside of spfx solution to have an extra task to minify some js files supposed to move to Office365 CDN? I would need ...
  • 239
0 votes
1 answer
182 views

Does ADAL.js support integrated windows authentication or client credential flow?

I am trying to call Graph API from my SPFx webpart (in SharePoint 2019 on-premise) using ADAL.js. It works fine but user needs to sign-in to Azure AD once. Our on-premise AD is already synched with ...
0 votes
0 answers
450 views

SPFx extension samples not showing

I've tried several samples SPFx extensions. All samples have the same outcome when it comes to testing (gulp serve) after following the instructions on the samples page. Most of them just require ...
0 votes
1 answer
485 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 ...