Questions tagged [spfx-tooling]
Technical questions about the development tooling for the SharePoint Framework client-side development model.
133
questions
1
vote
1answer
16 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
53 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
1answer
35 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 ...
0
votes
0answers
64 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 ...
0
votes
0answers
14 views
How to handle conditional formatting/CSS in PnP Search Web Part?
I just love the PnP Search web part as it allows us to bring forward the enterprise search solutions. Great work!!
My question is how to best handle conditional formatting. In the code below I have a ...
0
votes
0answers
31 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
41 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
178 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
144 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
157 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
1answer
4k 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
332 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 ...
4
votes
2answers
2k 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
111 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
38 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
272 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
3k 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
1k 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? [
3
votes
1answer
648 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
219 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
63 views
SharePoint Framework without command line
Is it possible to build SharePoint Framework Web Parts without using NodeJS, Yeoman, gulp?
0
votes
0answers
1k 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
237 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
368 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
404 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
2k 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
321 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
63 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 ...
0
votes
0answers
273 views
How to reference strings.js in SPfX? (Uncaught TypeError: Cannot read property 'STS' of undefined)
I am trying to migrate my code from Classic experience to SPfX.
My code is using the SP.UI.ModalDialog, and I have referenced successfully the MicrosoftAjax.js, SP.Runtime.js and the SP.js files in ...
0
votes
1answer
2k views
Interacting with Lists in SPFx?
I would like to start building SFPx web parts which interact with lists in my site, but I am having a hard time figuring out List interactions. Where can I go other than the tutorials from Microsoft (...
1
vote
1answer
498 views
Using spservices module
I have a SPFx web part I'm trying to include spServices in. I've done the npm install for jquery@2 and spServices, run npm install in the project root directory, and tried to run grunt (as outlined in ...
2
votes
1answer
637 views
Modify/Access webpart properties in SharePoint Framework (Spfx)
I am trying to saving some value in the Web part properties.
I know in Spfx you can save or update any value in webpart property like
this.properties.myProp = "newValue";
I am using angular ...
0
votes
1answer
162 views
Mismatch in SPFX ListviewCommandSet buttons visibility in modern Document Library
When I set the visibility of the the custom button, It should be applicable at both places (ContextMenu + CommandBar).
I am having 2 buttons (Add Fav + Remove Fav). Based on few conditions, i am ...
1
vote
1answer
252 views
Problems Unit Testing in SharePoint Framework (SPFx) with External Dependencies
I'm attempting to use Elio and Velin's guidance on creating unit tests for the SharePoint framework. Both appear to work great for vanilla components, but I'm running into problems when trying to ...
5
votes
1answer
122 views
SPFX from scratch
I would like to know if it is possible to implement an SP application WITHOUT using yeoman.
Let me explain: I would like to create an application using VueJS and WebPack (maybe without gulp and ...
1
vote
2answers
407 views
Best practice recommendation for where to locate SPFx ReactJS component code?
In looking at various SPFx tutorials/samples, I've noticed different paradigms demonstrated for where to locate the ReactJS component code. For example, Patrick Rodgers' tutorial on transitioning to @...
3
votes
1answer
2k views
How do I disable trailing-comma tslint rule in SPFx scaffolding?
I ran the current Yeoman SharePoint generator, and got the following ts-lint file in the config directory (with a few minor tweaks added).
From what I can tell the trailing-comma rule should be ...
3
votes
3answers
571 views
SPFX- Array.prototype.diff - (TS) property “diff” does not exist on type 'any[]'- es6 issue?
I have some code that takes a SP List item column (a news article tagged to one or more choice categories) and want to show that to users who have a user profile property with one or more categories ...
1
vote
1answer
417 views
Error when displaying HelloWorld web part in tenant workbench
My HelloWorld web part works fine in my localhost workbench. On my tenant workbench, I can add the web part but then I get the attached error instead of displaying it.
1
vote
1answer
112 views
Getting spfx test result into VSTS
I try to get my Unit Test from the spfx test into VSTS. A gulp test creates in the temp folder a result.json. But I found no documentation which file format is this file has?
Trying JUnit format did ...
0
votes
2answers
145 views
Webpart visible in edit but disappears in preview
UPDATE
I've tested on different tenants, it seems to only work in those that isn't a first release tenant.
It doesn't even work with the default built-in webparts that have been served by microsoft.
...
2
votes
1answer
504 views
Display SPFx Application Extension differently in Read/Edit mode of a Site Page
Question:
Is there a utility built into SPFx or a React library to change what to render based on if the page is in read or edit mode?
Or more exactly, a way to switch the rendering when switching ...
0
votes
1answer
332 views
Disappearing Background Image Style Attribute With Certain URLs
I'm not certain if this is specific to React or the build chain inside SPFx, but I'm having issues setting a background image on a div dynamically. I receive the URL from an API call to https://tenant....
2
votes
2answers
3k views
How to tell if page is in view/edit mode in SPFx?
Trying to build an extension to display differently based on if the page is in view or edit mode.
Is there a built in way to see if a modern Site Page is in Read or Edit display mode?
I know of ...
1
vote
0answers
154 views
upgrading from microsoft sharepoint yeoman 1.3.4 to 1.4.0 cause code to stop working
I have tried to upgrade a SPFx project from Yeoman 1.3.4 to 1.4.0 as a result of this React is upgraded from version 14 to version 15.6.
As a result my code has gone from working to not working :-
...
1
vote
0answers
225 views
SPFx section layouts
Currently I have an issue building an SPFx solution where I'd like to create a two-column proportional section that is full-width in a modern page.
With the tools currently available to me, all I can ...
2
votes
2answers
478 views
SharePoint Framework onchange method not called
I'm new to SPFx and doing this plain Javascript web part to kick off things but have hit a read block.
I can't seem to figure out on how to properly call the oncahnge method on a search input:
<...
3
votes
1answer
1k 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 ?...
2
votes
1answer
2k views
Command Gulp Serve with server configuration
When I generate a spfx webpart/extension, i see this file generated (./config/serve.json) :
{
"$schema": "https://dev.office.com/json-schemas/core-build/serve.schema.json",
"port": 4321,
"...
2
votes
1answer
224 views
SPFx package bundle issue
I was able to successfully build the package and deploy it to CDN and Sharepoint, it's working fine for the first release.
If I want to update the typescript code to change my UI/logic and release a ...
