Questions tagged [spfx-tooling]

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

Filter by
Sorted by
Tagged with
10
votes
3answers
444 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 ...
8
votes
2answers
327 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 ...
7
votes
1answer
231 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 ...
6
votes
4answers
4k 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 ...
6
votes
5answers
2k 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 ...
6
votes
3answers
4k 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: ...
6
votes
4answers
8k 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 ...
6
votes
2answers
850 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 ...
6
votes
1answer
599 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-...
5
votes
2answers
3k 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 ...
5
votes
3answers
4k 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 ...
5
votes
1answer
295 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 ...
5
votes
2answers
2k 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 ...
5
votes
2answers
173 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 ...
5
votes
1answer
263 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.
5
votes
1answer
113 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 ...
5
votes
1answer
128 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 ...
4
votes
2answers
752 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 ...
4
votes
4answers
776 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 ...
4
votes
1answer
263 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 ...
4
votes
1answer
1k 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 ...
4
votes
1answer
1k 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-...
4
votes
1answer
3k 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 ...
4
votes
1answer
384 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 & ...
4
votes
2answers
251 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 ...
4
votes
2answers
845 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 ...
4
votes
2answers
2k 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 ...
3
votes
2answers
884 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 ...
3
votes
1answer
603 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'...
3
votes
1answer
2k 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 ...
3
votes
3answers
473 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 ...
3
votes
1answer
2k 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 ...
3
votes
3answers
2k 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 ...
3
votes
1answer
519 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 '...
3
votes
1answer
135 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 ?
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 ?...
3
votes
2answers
556 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": "./...
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
1answer
1k 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, ...
3
votes
1answer
543 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 ...
3
votes
0answers
343 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 ...
3
votes
0answers
638 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. ...
3
votes
1answer
89 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 ?
3
votes
1answer
62 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:- ...
2
votes
2answers
2k 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 ...
2
votes
3answers
1k views

Can we customize Materpage and layouts with SPFx?

I am working on SharePoint Framework and have one take to do in this. I want to know that can we add our custom master page and page layouts in SharePoint Online using the SharePoint Framework? If ...
2
votes
2answers
519 views

Can a user update a SharePoint list using SPFx without the user having access to the list?

In C# you could allow users to access a SharePoint list they have no access to by using SPSecurity.RunWithElevatedPrivileges(delegate () .....etc. Is there a way achieving the same functionality ...
2
votes
3answers
2k 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 ...
2
votes
3answers
2k 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 ...
2
votes
1answer
386 views

@microsoft/sp-loader install fails with install script error

I'm trying to create SharePoint Framework hello world project as mentioned in tutorial. But it fails in the end with error npm ERR! @microsoft/sp-loader@1.0.0 install: node npm-install-script.js. ...