Questions tagged [spfx-tooling]

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

Filter by
Sorted by
Tagged with
11 votes
3 answers
771 views

Does an SPFx webpart run on Gulp or Node as web server?

Reading the SPFx documentation I find it difficult to understand which service/tool/framework handles requests as a web server. From documentation both Node and Gulp can be used as a web server during ...
Benny Skogberg's user avatar
  • 25.5k
10 votes
6 answers
21k 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: ...
Danny '365CSI' Engelman's user avatar
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 ...
Dimitrie Agafitei's user avatar
8 votes
5 answers
4k views

SPFx: Is TypeScript compulsary for future SharePoint development?

Been looking into ways to keep a development team with medior JavaScript skills into the loop. Basically I just want a SPFx Content Editor WebPart where they can do anything they have done with ...
Danny '365CSI' Engelman's user avatar
8 votes
2 answers
5k 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 ...
Benny Skogberg's user avatar
  • 25.5k
8 votes
2 answers
592 views

SPFx: disabling console traces (by SPFx libraries)

Am a big fan of the console, and apply it to the max (and I hate it, IE does not do colors in the console) My console looks like this: Now the SPFx output is cluttering up my precious console, with ...
Danny '365CSI' Engelman's user avatar
7 votes
4 answers
6k views

'gulp serve' command opens SharePoint Framework workbench in a blank screen

I'm trying to build a simple client-side web part using new SharePoint Framework with the help of OfficeDev Site. I've installed all the required components mentioned in OfficeDev After the ...
Sam35's user avatar
  • 211
7 votes
1 answer
255 views

SharePoint framework

https://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview In this new Client Web Part model there would be no IFrames. It will be all cient side thing. My question is, where would ...
Khan's user avatar
  • 71
6 votes
2 answers
6k views

How to get Termset using the new SharePoint framework SPFx

I am new to to Typescript, watched videos and created the sample application of client webpart using new SharePoint development framework. All sample application worked well, and using Rest Queries i ...
vinit kumar's user avatar
6 votes
1 answer
2k views

Update list in SharePoint framework - SPFx app

i have created list and columns in SPFx app using elemets.xml and schema.xml. Now after doing this i want to add new column to already created list. I have created elements-v2.xml and upgrade-actions-...
Saad Zulfiqar's user avatar
5 votes
2 answers
5k views

SharePoint Framework – Loading Font Awesome CSS from CDN

I am fairly new to the SharePoint Framework development stack (TS, React, node, etc.) and am looking to incorporate the font-awesome suite into my web-part via a CDN. Normally I would reference this ...
Haymak3r's user avatar
  • 197
5 votes
2 answers
983 views

How does Workbench.aspx in Office365 get local files?

I'm sure this is a really simple answer but I can't see the connection. Essentially I'm playing with the SPFx tutorials and I just uploaded the workbench.aspx to my shared documents and the hello ...
Batman's user avatar
  • 1,458
5 votes
3 answers
6k views

SharePoint Framework web parts - dynamic properties pane

I was playing around with the SharePoint framework and I was trying to get the web part to load SharePoint lists via a promise. First I noticed that await and async are not supported (probably due to ...
Kiril Iliev's user avatar
5 votes
1 answer
3k views

SharePoint Framework: how to change TypeScript version used by gulp?

I set up a new project using the yeoman template for SharePoint Framework web parts. Everything is working fine, I can run gulp serve and work in the local workbench. Good. Now I need to change the ...
Heinrich Ulbricht's user avatar
5 votes
1 answer
751 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 ...
Ole Bergtun's user avatar
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 ...
user1339913's user avatar
5 votes
2 answers
205 views

SPFX GA 1.0.0 conflict, won't compile anymore

Original title: sp-build-web upgrade conflict with components. See update. I have a docker container (with the waldekm/spfx image), and i updated @microsoft/sp-build-web to 1.0.1 as some article ...
Pedro Pablo's user avatar
5 votes
1 answer
401 views

Error: Cannot find module 'gulp-webserver'

While spinning up the SharePoint framework, getting the mentioned error instead of running the gulp task which I got scaffold from the Yeoman.
Kushan L Perera's user avatar
5 votes
1 answer
180 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 ...
Max's user avatar
  • 151
5 votes
1 answer
412 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 ...
Sam Wallis's user avatar
4 votes
1 answer
917 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'...
Thi Vo's user avatar
  • 364
4 votes
3 answers
3k views

SharePoint Framework (GA): how to prevent rewriting of CSS class names?

SharePoint Framework currently takes my .scss files and changes all class names by adding IDs like this: floatRight_789b4d6f. I understand this is done to isolate the styling within the web part but ...
Heinrich Ulbricht's user avatar
4 votes
4 answers
906 views

SharePoint Framework Workbench Error - the requested operation is part of an experimental feature that is not supported in the current environment

I've just followed the instructions for the hello world sample for the SharePoint Framework Preview and I'm getting the error in the title when attempting to run the workbench on my sharepoint dev ...
Darren's user avatar
  • 202
4 votes
1 answer
345 views

Missing workaround in SPFx JQuery WebPart

In the SPFx JQuery tutorial there is this instruction :- For drop 1, there is a workaround needed when loading css files (later on in this tutorial we will show you how). For now, you need to include ...
Nigel Price's user avatar
4 votes
1 answer
2k 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 ...
Jordan's user avatar
  • 2,804
4 votes
1 answer
2k views

SPFX error: failed to load component dependency "@microsoft/sp-webpart-base'

Anyone else getting the above error? Two webparts that worked fine yesterday today are failing with: [SPWebPartErrorCode.ScriptLoadError]:: Unable to load web part WebPart.DelmeWebPart.25d255cb-...
RussGove's user avatar
  • 1,254
4 votes
1 answer
5k views

Adding onClick event to a React Web Part

I want to add a simple onclick function, but having trouble doing it. I have looked online, and have tried multiple ways - such as binding it - this.update.bind(this)} within the html string, etc ...
devlin's user avatar
  • 87
4 votes
1 answer
797 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 ...
Thomas C's user avatar
4 votes
1 answer
558 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 & ...
DvG's user avatar
  • 2,332
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 ...
RussGove's user avatar
  • 1,254
4 votes
2 answers
909 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 ...
pkmelee337's user avatar
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 ...
joec608's user avatar
  • 41
4 votes
0 answers
1k views

SPFx Custom Property Pane save property save

When building a SharePoint Framework web part - How to Save Custom Property Pane value? I have created a multiselect field for Property Pane, but not able to retain the values when refresh the page. ...
get2pallav's user avatar
3 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 ...
Nigel Price's user avatar
3 votes
2 answers
1k views

Tutorial 4 of SharePoint SPFx Tutorials: Error configuring web part to load from CDN

i have followed HelloWorld, Deploy to CDN and until "Configuring web part to load from CDN" everything worked; i have updated the "cdnBasePath" in "write-manifests.json" as described, and continued ...
user1730's user avatar
  • 556
3 votes
3 answers
2k 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 ...
Eric Schrader's user avatar
3 votes
1 answer
3k views

Passing a property to a child component

I am continuing to learn about the various frameworks we can use with SPFX. I have stumbled upon a problem, which according to various websites out there it should work, so I'm sure the problem is a ...
devlin's user avatar
  • 87
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 ?...
Mark Powney's user avatar
3 votes
1 answer
5k 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, "...
Guillaume Kiz's user avatar
3 votes
3 answers
3k views

Adding custom list to SharePoint framework app - SPFx app

I want to add list, site column, content type etc to a SharePoint framework app using may be yeoman generator or anything else, i know it might be achieved by API calls but i want to add like the way ...
Saad Zulfiqar's user avatar
3 votes
1 answer
1k views

Running Microsoft Flow from a SharePoint Framework (SPFx) web part

i have created a Request/Response MS Flow to send email, when i try to call it via Postman i am getting following error. InvalidTemplate. Unable to process template language expressions in action '...
Saad Zulfiqar's user avatar
3 votes
1 answer
138 views

How do I know if my tenancy has been updated to SPFx v1

How can I tell if my tenancy has been updated to SPFx V1 ?
Nigel Price's user avatar
3 votes
2 answers
844 views

SharePoint Framework: Module not loaded correctly when pressing F5 in IE

I need to load the jquery-typeahead library in my SPFx web part. I register this dependency by adding it to "config\config.json" like this: "externals": { "jquery": { "path": "./...
Heinrich Ulbricht's user avatar
3 votes
1 answer
3k 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 ...
Jay's user avatar
  • 31
3 votes
1 answer
3k 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 ...
Tracy's user avatar
  • 667
3 votes
1 answer
2k 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 ...
Jordan's user avatar
  • 2,804
3 votes
1 answer
3k 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, ...
Dennis Kuhn's user avatar
3 votes
0 answers
658 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 ...
ateet's user avatar
  • 861
3 votes
1 answer
189 views

Can I get a trace of TypeScript statements executed in a SharePoint SPFx client web part?

Is there a way with gulp serve to get a trace of TypeScript statements that are executed in a SPFx client application ?
Nigel Price's user avatar
3 votes
1 answer
68 views

After drop two of the SharePoint SPFx Framework came out on Friday. I get error cannot find module gulp-core-build

After drop two of the SharePoint SPFx Framework came out on Friday. (https://github.com/SharePoint/sp-dev-docs/wiki/Release-Notes-Drop-2) ... I followed the instructions to upgrade my webpart so:- ...
Nigel Price's user avatar