Questions tagged [spfx-tooling]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
447 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.
3
votes
1answer
2k 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 ?...
1
vote
1answer
114 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 ...
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 ...
0
votes
1answer
373 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....
1
vote
0answers
155 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 :- ...
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
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 ...
1
vote
0answers
233 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 ...
-1
votes
2answers
684 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
2answers
500 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: <...
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
0answers
225 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
205 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
186 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 '...
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 ...
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 ...
5
votes
1answer
363 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
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
695 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'...
4
votes
1answer
478 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 & ...
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 ...
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 ...
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
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
312 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 ...
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 ...
2
votes
1answer
142 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:...
1
vote
1answer
357 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
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 ...
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
754 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 '...
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
1answer
802 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-...
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 ...
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 ...
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 ...
2
votes
0answers
86 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
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 &...
3
votes
0answers
727 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. ...
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
627 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
1answer
210 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 ...
2
votes
1answer
910 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 ...
2
votes
1answer
449 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. ...
0
votes
2answers
94 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-...