Questions tagged [spfx-tooling]
Technical questions about the development tooling for the SharePoint Framework client-side development model.
155
questions
1
vote
1answer
13 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
2answers
41 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
1answer
21 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
1answer
42 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
1answer
57 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
0answers
12 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 ...
1
vote
1answer
27 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 ...
0
votes
1answer
41 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
3answers
298 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
1answer
1k 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
0answers
53 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
3answers
214 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.
...
0
votes
0answers
44 views
Intercepting Query String Changes in Web Parts -Error when traversing between items in Left nav (SPFx Webparts)
I am working in Sharepoint online 2019 with SPFx Webaparts. We had a requirement to change query string (added filter)
in application spfx webpart with kendo grid. It got changed in URL but the grid ...
0
votes
0answers
135 views
SPFx Play HTML5 Video dynamically on a webpart
We are developing a webpart
That has a textbox where we supply a Video URL
This would fetch the Video URL from a SharePoint list on button click and set the SRC of the Video Element.
Code
function ...
1
vote
1answer
43 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
0answers
59 views
Error calling Azure Function from Domain-Isolated SPFx web part in local/remote workbench
I created a domain-isolated SPFx web part for SharePoint Online, which calls an Azure AD secured Azure Function.
I added the web part to the SharePoint Online App Catalog, approved the "isolated&...
0
votes
1answer
71 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
0answers
90 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[]...
0
votes
0answers
148 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....
0
votes
1answer
153 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
1answer
485 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
2answers
118 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
1answer
1k 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 ...
1
vote
1answer
172 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 ...
0
votes
1answer
402 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
2answers
249 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 ...
1
vote
0answers
461 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
0answers
91 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 ...
0
votes
1answer
158 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
0answers
354 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
1answer
252 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 ...
5
votes
1answer
303 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 ...
2
votes
2answers
10k 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
989 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 ...
5
votes
2answers
6k 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 ...
1
vote
1answer
202 views
How can I create webpack package of SharePoint online for react App?
I can create package of react app for SharePoint online by using "gulp serve" and "gulp package-solution" commands. However, I want to create package by using Webpack. How can I achieve this?
2
votes
1answer
71 views
Trouble getting SPFx up and running on Ubuntu
I'm having trouble getting SPFx up and running on Ubuntu. I'm using the following commands
sudo apt-get install nodejs -y
sudo apt-get update -y
sudo apt-get install build-essential -y
sudo npm ...
2
votes
1answer
726 views
View SPO Modern list in SPFX
I'd like to ask if its possible to achieve something like this -> https://collab365.community/create-manage-sharepoint-list-teams-tab/?fbclid=IwAR0FhFIvH9S51ZNvJbcR_dtFzl0Xe2zljyNP-...
1
vote
0answers
4k views
How to connect Azure DevOps in Visual Studio code
I have been able to do this with a bit of trial and error but I could do with a bit of clarification before I explain this to anyone in my team as I am still a bit confused !
I have a local repo dir
...
0
votes
2answers
3k views
SPFX Question Is it possible to include a custom font reference by extending the toolchain?
I have a custom font, I include it in the bundle and add it to the dist folder, but the js reference is still linking to its original location. Any ideas? [
4
votes
1answer
1k 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 ...
1
vote
1answer
300 views
How to find a list or log of all site collections with SPFX extension deployed?
We deployed a spfx extension (Add-PnPCustomAction Location "ClientSideExtension.ApplicationCustomizer" ) to multiple site collections manually, is there a way to use powershell to pull extensions and ...
0
votes
1answer
69 views
SharePoint Framework without command line
Is it possible to build SharePoint Framework Web Parts without using NodeJS, Yeoman, gulp?
1
vote
0answers
2k views
Local gulp not found
I am new to SpFx and this might be very much basic question.
I have followed instruction mentioned in below page and when I ran "gulp serve" command I got an error which says "Local gulp not found"
...
2
votes
0answers
352 views
Webpart built using latest spfx version not working on the classic site
I have built an angular 1.x webpart application using the spfx 1.4 version. The webpart works in the modern sites pages but is not working on the classic site pages and I am getting the following ...
3
votes
0answers
522 views
SharePoint Framework error : Resource "jquery" not found in loader configuration of manifest for component
I know that this question has already been there, but am raising it because after trying all blogs issue did not get resolved.
Am trying to load non-AMD module having dependency on AMD module. Since ...
0
votes
2answers
963 views
Provision sharepoint list & columns without creating content type using schema.xml SPFX
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/provision-sp-assets-from-package
In the documentation it specifically told us to create fields, add to content type, then add ...
1
vote
1answer
3k views
Implement Display, Edit and New forms in spfx web part using reactjs
I have 3 buttons on spfx web part 'Display','Edit' and 'New'.
When I click on these buttons, respective form should open with text boxes and data from sharepoint (online) list.
I want to use Reactjs ...
4
votes
2answers
752 views
Add an SPFx WebPart from an SPFx Extension on a modern site
Within our product we have created an SPFx extension to show a navigation component on the top of our modern pages. Additional to this navigation component we want to show a button which opens an ...
-1
votes
1answer
86 views
Hosting client-side web part from Office 365 CDN
Get-SPOTenantCdnOrigins -CdnType Public commands in Powershell gives me the following result:
Public CDN enabled locations:
*/MASTERPAGE
*/STYLE LIBRARY
*/CLIENTSIDEASSETS
It works fine in localhost ...
