With SPFx 1.15.2, a new feature snuck in that allows you to enable service principal registration when you are approving the permissions of the app. If you have ever had your SPFx solution talk to an AAD secured API, you know that not configuring the App Registration in the customer’s tenant can cause problems. Historically,Continue reading “Enable Service Principal Registration at Permission Scope Approval Time with SPFx 1.15.2”
Category Archives: SPFx
Failed to load plugin ‘@typescript-eslint/eslint-plugin’ declared in ‘.eslintrc.js with SPFx 1.15 and Azure DevOps Pipeline
With the transition to ESLint with SPFx 1.15, the migration has been challenging to say the least. While new ESLint rules have found some legitimate issues in my code, they have required me to touch almost every file in my projects. Recently, when I finished all of my changes and had everything building successfully locally,Continue reading “Failed to load plugin ‘@typescript-eslint/eslint-plugin’ declared in ‘.eslintrc.js with SPFx 1.15 and Azure DevOps Pipeline”
How to get CSS styles to work in a Fluent UI React Panel control
Sometimes this should be obvious and they just aren’t. I use the Panel component in Fluent UI React / Office Fabric from time to time. I’ve always struggled to work with styles there coming out of my web part’s module.scss file. That’s because they simply aren’t being applied. Let’s look at this simple example webContinue reading “How to get CSS styles to work in a Fluent UI React Panel control”
7 Tips for upgrading to SPFx 1.13.0 (or any other version)
I’ve been testing Beta 13 of SPFx and wanted to share these tips. Welcome SPFx beta versions Upgrades to SPFx are usually painless, but sometimes (like in version 1.12.0), there are issues. The SPFx team now releases beta versions of each SPFx release giving us an opportunity to try our code with it before upgrading.Continue reading “7 Tips for upgrading to SPFx 1.13.0 (or any other version)”
How to: Find the Viva Topic Center site using SPFx
Viva Topics is fresh right now and some of you might have already started looking at extensibility. One thing that is useful to know is to know where the Topic Center site is after you’ve created it. It turns out you can find this value pretty easily from any page in your tenant. If youContinue reading “How to: Find the Viva Topic Center site using SPFx”
Workaround for gulp deploy-azure-storage CDN issue with SPFx 1.12
If you use a CDN for your SPFx 1.12 projects, you might have noticed that when you build your SPFx package and try to deploy it to Azure no files are getting copied. You might see something similar when you try to run gulp deploy-azure-storage even though it worked fine in SPFx 1.11. This appearsContinue reading “Workaround for gulp deploy-azure-storage CDN issue with SPFx 1.12”
SPFx Basics: Opening a link in a new tab
It turns out opening a link to a new tab is now in your SPFx web part in SharePoint is not as simple as you would think. You would think that simply adding target=”_blank” or target=”_new” would do the trick. It does not. It works for external links but link to other SharePoint pages willContinue reading “SPFx Basics: Opening a link in a new tab”
How to: Setup CI / CD in Azure DevOps with the help of SPFx Generator
Updated: January 20th, 2020 – Refer to this post to use the latest version of PowerShell and certificate authentication. This post will be updated in the future to include those updates. Updated:May 28th, 2019 to use SPFx 1.8 and node.js v10 Updated: May 8th, 2019 to include use of SecureString There are a lot ofContinue reading “How to: Setup CI / CD in Azure DevOps with the help of SPFx Generator”
SPFx Basics: Debugging web parts on any page
Many experienced SPFx developers know you don’t have to debug your web part in the workbench in SharePoint Online. While the workbench is great, there are certain things that you just can’t test there such as application customizers and full-width web part zones. In the past six months or so, I’ve mentored a number ofContinue reading “SPFx Basics: Debugging web parts on any page”
Using Ionic Framework with SharePoint Framework (SPFx)
For those that know me, you might have heard about my extensive use of Ionic Framework, a mobile app platform, to build various side projects including BrewZap and HappenZap. If you aren’t familiar with Ionic Framework, it’s a node.js based development framework for mobile apps. Ionic was originally built using AngularJS and then modern versionsContinue reading “Using Ionic Framework with SharePoint Framework (SPFx)”
Corey Roth's Blog 