Questions tagged [spfx-tooling]

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

Filter by
Sorted by
Tagged with
2
votes
0answers
227 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 --...
1
vote
1answer
206 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
188 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
374 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 ...
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 ...
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, ...
4
votes
1answer
481 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
701 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
39 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
81 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 ...
1
vote
1answer
1k views

Problem importing Placeholder from @microsoft/sp-webpart-base

I try to create a SPFx React WebPart using the component pattern as described in the React-Todo-Basic sample. I get stuck in the container component when I try to import { Placeholder } from '@...
2
votes
3answers
2k 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
107 views

Sharepoint framework, environment specific build configs [closed]

How to separate string constants depends on environment (dev\test\prod) build in Sharepoint Framework?
2
votes
0answers
313 views

Error 4048 when trying to install Yeoman SharePoint generator

After running the following command: npm install -g @microsoft/generator-sharepoint For some reason, it wants to rename "generator-sharepoint-77d8330f" to "generator-sharepoint" and it fails when ...
2
votes
1answer
145 views

Invalid SharePoint App package spfx

I'm trying to deploy my spfx app to the app catalog and after I upload it it appears in the app catalog in the 'Unavailable Apps' view with the Error message : Invalid SharePoint App package. Error:...
5
votes
2answers
178 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 ...
1
vote
1answer
578 views

Cannot find module '@microsoft/gulp-core-build-serve'

I am getting following stack trace while executing gulp package-solution. I can't create package due to this error. >gulp package-solution { Error: Cannot find module '@microsoft/gulp-core-build-...
1
vote
1answer
358 views

react-generic-app throws webpack unexpected token error on HelloWorld.module.css

I would like to develop using the SharePoint framework; however, we won't be moving to SP2016 or O365 anytime soon. Found the react-generic-app from https://github.com/SharePoint/sp-dev-samples as an ...
1
vote
1answer
3k views

Getting error TS2694: Namespace 'angular' has no exported member 'ui', when loading angular-ui-router

I'am trying to setup multi-page app with angular, and i tried to follow the sample code and this link. When i install angular-ui-router, by npm command : npm install angular-ui-router -s , i get an ...
3
votes
1answer
767 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 '...
1
vote
1answer
125 views

Package MS Flow with SPFx app

I have created an SPFx app with below artifacts A custom list A content Type Site Columns MS Flows on custom list. i want to package my MS Flows along with SPFX app. But i don't have any clue how to ...
6
votes
1answer
820 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-...
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 ...
1
vote
0answers
63 views

SharePoint Framework: How to debug which dependencies are pulled into the package?

In a SharePoint Framework web part I'm using Office UI Fabric JS which works well - in the local workbench. But as soon as I deploy the web part to Office 365 some styles are missing. Now I'm asking ...
2
votes
0answers
87 views

SPFx development with Reactide, instead of the SPFx Workbench?

Before I spend more time on this to evaluate how this tools stacks up to the SPFx Workbench.. Question: Is anyone else following, or tried to use Reactide with SPFx? source: https://github.com/...
1
vote
2answers
208 views

Unable generate default web part with SFx with Yeomen

I was following https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment on Windows 10 machine. I opened command prompt window in Admin mode. installing NodeJS, npm and then ...
3
votes
0answers
734 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. ...
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 ...
1
vote
0answers
347 views

SASS/SCSS sourcemap on sharepoint framework webpack

Is there any way load the sass/scss file as the sourceMap in dev mode? I understand that sharepoint framework is using webpack which transpiles all sass/scss files into css then render it within the &...
2
votes
1answer
478 views

SPFx breakpoints and debugging from Visual Studio Code instead from Chrome

I am trying to find a way to debug my local SPFx workbench from Visual Studio Code instead from Chrome, but I could not find any guides on how to attach the Chrome to Visual Studio Code and hit a ...
3
votes
2answers
631 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": "./...
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
211 views

deploy solution to cdn with source maps

I have a webpart that works fine in the workbench but when I deploy it to the appcatalog and my cdn, it is not behaving the same as it does on the workbench.(I am rendering a fabric CommandBar that ...
-1
votes
2answers
693 views

SPFX-Tooling error No deploy CDN path specified(Updated)

I am getting the following error out of gulp bundle --ship: [10:44:11] Starting subtask 'copy-assets'... [10:44:11] [copy-assets] No deploy CDN path specified. Unable to prepare production deployment....
2
votes
1answer
918 views

reference tenant site in config.json

I am working in deploying my first spfx webpart to production. I an testing it on my personal dev tenant first. I am hosting all my assets in a separate site collection called cdn (in both my ...
4
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 ...
2
votes
1answer
452 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. ...
1
vote
3answers
1k views

Dev-Cert error when trying to debug

I receive the following error when I try to install the dev-cert in the new SharePoint framework development model. Has anyone seen this before or know what might be causing this error on my PC? PS ...
0
votes
2answers
95 views

Posible problem with SPFx V1.0

In the instructions for HelloWorld WebPart "Connect to SharePoint" under the heading "Retrieve List Data" is the following code :- <div class="${styles.column}"> <span class="${styles....
3
votes
1answer
137 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 ?
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-...
2
votes
3answers
3k 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 ...
1
vote
1answer
339 views

I am not able to access the method 'refreshPropertyPane' to refresh the web part properties pane

As I am following the tutorial (Use cascading dropdowns in web part properties) for learning the sharepoint framework. I did everything as mentioned in the article, but I am not able to access the ...
1
vote
2answers
757 views

SPFx client side web parts onpremise

I am trying to develop a traditional web part (SP2013, SP2010..) to host a modern SPFx client web part. I developed most of the plumbing and wrapping and I have some problems when actually render the ...
7
votes
1answer
238 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 ...
0
votes
1answer
86 views

Yeoman generator for WebPart can't find Github repo #spfx #spfx-webparts #spfx-tooling

I'm trying to create a new WebPart using the directions here. When I try to install the yeoman generator @microsoft/sharepoint it attempts to reference a github repository (microsoft/sharepoint) that ...
6
votes
2answers
3k 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 ...
1
vote
2answers
2k views

Error trying to reference an image in SharePoint Framework web part using react

when I'm trying to reference an image in my react component in the render method as follows. const leaderImgSrc = require('myimage.jpg'); and then in the TSX <img src={leaderImgSrc} alt='an ...
1
vote
1answer
827 views

Sharepoint workbench page with NoComponentId error

So I did basic hello webpart setting and ran gulp which shown me SP framework local page. Now i wanted to see this in sharepoint context , so I copied workbench.aspx from https://github.com/...
0
votes
1answer
310 views

Access denied in Workbench.aspx

I downloaded the workbench.aspx file and uploaded to office 365 SharePoint Online Developer site under "Documents" document library. When I try to open the same, I page does not load correctly (I do ...