Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

0
votes
1answer
82 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
89 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 ...
0
votes
0answers
72 views

Spfx webpart on Classic pages with custom master page not working

I have an angular 1.x webpart application which is built using the spfx 1.4 version. The webpart works in the modern sites pages but is not working on the classic site pages with custom master page. ...
1
vote
1answer
33 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
33 views

SharePoint Framework without command line

Is it possible to build SharePoint Framework Web Parts without using NodeJS, Yeoman, gulp?
0
votes
0answers
125 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" ...
0
votes
0answers
31 views

SPFx on a Team Site Homepage Cannot Get Taxonomy Data

I have an SPFx webpart and an SPFx extensions that getting data from Taxonomy Term Store. Both of them are working well on all pages (Site Content page, Library page, Site page, etc.) except on a ...
2
votes
0answers
74 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
130 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
1answer
69 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 ...
0
votes
0answers
77 views

I'm facing “Client Side Solutions cannot be used in this location.” error executing the following code:

ClientContext ctx = new ClientContext(url); ctx.AuthenticationMode = ClientAuthenticationMode.Default; ctx.Credentials = new SharePointOnlineCredentials(userName, passWord); //...
1
vote
1answer
380 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
1answer
99 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
44 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
84 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
0answers
86 views

Persist changes in the default web part property type

I have a default webpart property (string type) in which I am saving my settings programmatically and retrieving it when required. I am using SPfx. For example for saving value I use this....
0
votes
1answer
172 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
204 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
190 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
85 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
102 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 ...
4
votes
1answer
65 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
134 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
530 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
158 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
162 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.
0
votes
0answers
104 views

Error when I try to load a custom web part in a modern page with SharePoint framework

I have followed this article deploy clientside webpart to sharepoint page. I have run the cmd gulp serve --nobrowser to make sure the localhost is running. Now I'm getting the error ***Failed to ...
1
vote
1answer
57 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
77 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
0answers
165 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
109 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
725 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
138 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
130 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
185 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
456 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
415 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, "...
0
votes
0answers
65 views

SPFx deployment issue in (SPO)

I deployed Yeoman plugin @microsoft/generator-sharepoint client-side web part project to my sharepoint site. I haven't changed anything after scafolding done by yo. When I try to add webpart in ...
2
votes
1answer
89 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 ...
2
votes
0answers
135 views

Adding a webpart to existing spfx solution via yeoman generates error

When I run the following commands to create a sharepoint framework solution, change directory to the new solution and then add a second web part to the solution... yo @microsoft/sharepoint --...
0
votes
0answers
60 views

SharePoint Framework: Is it supported to downgrade the solution version in the app catalog?

The app catalog supports file versioning by default for SharePoint "Apps". Thus uploaded SPFx solution files (sppkg) are versioned. The question: Is it supported to restore an older sppkg version? ...
1
vote
1answer
113 views

SharePoint Framework: “.bundle.js” part missing from asset file name - is this ok?

I upgraded an old SPFx project from version 1.0.0 to 1.2.0 (most core libs in "package.json"). With this update the schema of the "config.json" changed. One of the changes is concerning me. ...
2
votes
1answer
140 views

Gulp build task fails

I'm trying to build (gulp bundle --ship) the GDPR Starter kit from: https://github.com/SharePoint/sp-dev-gdpr-activity-hub. It fails with the below error: > TypeError: Cannot read property '...
5
votes
1answer
223 views

trying to add office-ui-fabric-react in a yo generated spfx webpart causes error on build

I'm experiencing build errors when adding <TextField label='TextField with an icon' iconProps={ { iconName: 'Calendar' } } /> resulting with this error on gulp build Error - typescript ...
3
votes
1answer
573 views

SPFx - REST POST Forbidden in Chrome

Problem I'm trying to create/update records in a list using SPFx. It's working as expected in IE, but I'm getting a 403 - FORBIDDEN in Chrome. Request Digest I am fetching my request digest value ...
3
votes
1answer
537 views

How to enable Async/Wait in SPFx Typescript, tslint: Missing semicolon, TS1005: ',' expected, TS2304: Cannot find name 'await'

I am trying to use async / await for developing a SPFx WebPart. The sample react-async-await-sp-pnp-js in sp-dev-fx-webparts compiles and runs fine on my computer. When I try to use async / await, ...
4
votes
1answer
137 views

What is SPFx and why do we need this? [closed]

I know this is a generic question but I think there are many people out there who are novice in SPFx. I decided to learn this by following This MSDN. Can someone help me to understand npm & ...
3
votes
1answer
375 views

How to Provision Workflows with SharePoint Framework

I'm shifting my development to SharePoint framework now and have met with this problem. How do I deploy/provision a workflow to SharePoint Online using SharePoint Framework Client Web part. I couldn'...
1
vote
1answer
38 views

Packaged/Shipped version adds : to data ?? Workbenches are fine

when I run my SPFx webpart solution in the local- or hosted- Workbench, everything seems OK. The data received from lists is displayed correctly, e.g. Freddy, Prayer request, Prayer for money, Food ...
1
vote
1answer
68 views

SharePoint Framework operating (SPFx) [closed]

I asked some questions about SPFx few days ago. I still have questions in mind. I used some development tools to create my first web-app with SPFx : Node.js Gulp Yeoman Typescript Visual Studio ...