Skip to main content


SharePoint Framework SPFx Node Version Compatibility

How to check the compatibility between the SPFx version and the Node.js version The SharePoint Framework (SPFx) is a client-side development platform used to develop web parts and extensions for SharePoint. The SharePoint Framework (SPFx) is compatible with the Node.js versions. Existing SPFx solutions may have different SPFx versions as compared to the current solutions. To make the SPFx solution run, Node.js is required, and in this blog, I am sharing steps to check the compatible node module for SPFx.  Find the SPFx version from the solution:  Open the project solution and navigate to the "package.json" file. In package.json file you will find  "@microsoft/sp-core-library" key and value of this particular key is the version of the SPFx.       Ex:    "@microsoft/sp-core-library": "1.14.0" Another way to find the SPFx version is by command, open the command prompt and run the command mentioned below: npm ls -g --depth=0 @microsoft/generator-s
Recent posts

Access denied on SharePoint admin center but user has SharePoint admin role

In this article, we will be discussing an issue "one of my users has the SharePoint admin role, but when attempting to access the SharePoint admin center, the user is denied access". It's a very strange issue but it happens.  We will be discussing quick steps to resolve this issue which works for me and other people. Also, we will discuss what you do if these things will not work for you. Solution for " Access denied on SharePoint admin center but user has SharePoint admin role" Solution 1:  1  Log in to the office 365 admin center. 2  In the left panel you will find the option Roles, In the roles go to the SharePoint administrator and remove the user for which you are facing the issue. 3  Re-assign the role to the user. Solution 2:  1  Log in to the Azure Portal. 2 Navigate to the User option, search for the user and then remove the assigned role. 3 Re-assign the role to the user. If the above solutions not worked and the issue still persists, in this case, yo

SharePoint Site Admin?

SharePoint site admin/site collection administrator In this article, we are going to discuss SharePoint Site Admin previously known as SharePoint Site  Collection Administrator. We will also understand the sharepoint site collection administrator responsibilities and  sharepoint site collection administrator role. What SharePoint site admin can do? roles and  responsibilities of SharePoint site admin  You might imagine the SharePoint Site Collection Administrator as a Super Owner. Everything in the site collection that can be handled through the web interface is completely under their control. The functioning of tools like Search, the Recycle Bin, Document ID, and more can be controlled by Site Collection Admins. They can control site collection caches, edit site collection policies, check audit log reports, and activate or deactivate site collection features. In essence, the SharePoint Site Collection Administrator is able to do all system administrator-level actions within the site c

How to test SPFx web parts and extension on the modern pages in SharePoint online

In this article, we are going to see the ways in which we can test, and debug SPFx solutions on Modern Pages on SharePoint Sites. There are several ways to debug the SPFx client-side solutions with SharePoint Modern Pages. Why it's beneficial to test web parts on modern pages? It's easy to test web parts on the local workbench and it's a very time-saving approach. But in some cases, when you are developing web parts that interact with the content of the SharePoint site or you are using the SharePoint APIs local workbench will not work, because we need access to get data using SharePoint APIs that we will not get on local workbench.  Test SharePoint Framework web parts on Modern Pages in SharePoint sites without deploying to your app catalog site. Test your SPFx client-side solution (web part or extension) on the SharePoint Modern pages by loading the debug scripts.   Follow the steps: 1. Run the command (gulp serve –nobrowser ) 2. Go to the SharePoint site and n avigate to

Introduction to SharePoint site template and site script

In this article, we are going to learn about site templates, site design, and site scripts in SharePoint online. We will also create one template in SharePoint online. SharePoint's site template feature gives us the flexibility to do a common set of things on a SharePoint site. SharePoint templates can also be used on SharePoint sites that already exist, such as the Team site or Communication site. You can make site templates with common features like lists structures , or custom actions so that your users can quickly build new SharePoint sites with the same features by applying the templates. There are two parts to the site template. One is site design, and the other is site script, First, we'll figure out these two things. Site Script:    A site script is a JSON file with a list of actions that will be run when you apply site design. Site Design: Site design act as a container of the site script. Site scripts are attached to the site design, you can attach more than one site

SPFx Interview Questions With Answers - part 2

In this article, we will include SPFx interview questions based on the SPFx development. Write the steps to deploy SPFx web part to SharePoint online. To deploy the SPFx web part and extension in SharePoint online. We need to follow the steps mentioned below to deploy SPFx client-side solution (web parts, extension ) to SharePoint : App Catalog site is a prerequisite to the deployment of the SPFx client-side solutions. Hence, you need to ensure that an App Catalog site is present. Create Package : Open the command prompt and move to our SPFx web part directory. Run the command "gulp clean" , this command removes all files from previous builds. Run the command  "gulp bundle --ship" , you have to add the --ship or the --production argument to the bundle command, this command helps us to build solutions for production. Run the command  "gulp package-solution --ship" , one we run the previous command we need to run this command to create a package. Once the co

SPFx Interview Questions With Answers

In this article, we are going to discuss interview questions related to the SPFx (SharePoint Framework Development ). It will help you to prepare for the interview and in getting clarity on the core concepts of SPFx development. What is SPFx? SPFx, short for SharePoint Framework,  SPFx  allows us for client-side SharePoint development, we can easily connect with SharePoint data and it also supports for open source tools. What is the major difference between SPFx web part and the SharePoint app? Both the development model supports client-side development but the major difference between these two is that the SharePoint app(add-in) runs on the iframe. What you can build with SPFx? Using SPFx framework we can customize the SharePoint pages. We can build things mentioned below using the SharePoint Framework(SPFx). Web parts, Extensions, Adaptive Card, Library Component How many types of extensions we can create using SPFx? SPFx has three extension types: Application Customizers: Using the

SPFx environment setup with multiple Node.js version

"How to set up SPFx development environment"  is the first question that came when we want to develop client-side solutions using SPFx. This blog will share the steps to set up the SPFx environment with multiple Node.js versions. This article also include steps to setup the nvm on windows machine. Using nvm we can manage multiple node versions on the windows. There may be times when using Node.js that you need to run numerous instances of the software on the same computer. To work with SPFx solutions which are created with different versions of  Node.js, You need multiple Node.js versions on your machine. To install and set up the SPFx environment with multiple Node.js versions, use the steps mentioned below.  If Node.js is already installed on your computer, use the instructions below to remove it. 1. Uninstall Node.js   2. Remove the Node.js  related folders from the location "C:\Users<user>\AppData\Roaming\npm" SPFx Node.js supported versions are: SharePoin

Some common SPFX solution deployment errors like - Component ID {0} exists in solution {1} already

In this article, we are going to learn about some common error we faced while developing and deploying the SPFx solution. There are several mistakes we make while working with the exsisting code, I will be sharing the solution to get rid from those errors. Error 1 : When you create a solution and run with the gulp everything seems fine but when you deploy the package to app catalog you see these errors : Component ID {0} exists in solution {1} already   or  Component ID {0} exists in solution {1} already. And having some correlation ID or  A solution with the same product ID already exists.  Please upload the file with the same name and replace the existing solution Solution:  This error stated that you are using the solution with same id which is already deployed at your app catalog. You can change the   Do the steps mentioned below: 1. Go to your solution, Under Config move to package-solution.json file and change the id. You need to replace the guid and you can create new id  using

How to find app catalog site URL in SharePoint Online

SharePoint App Catalog is a special site collection that holds all custom solutions, apps. App catalog is used to deploy the custom solution like SPFx solution package or SharePoint add in app package or other solutions. But, when you have  large number of sites in your sharepoint environment and user do not know the url of  app catalog site then question will came in mind of user, How do I find the app catalog in sharepoint online , How do i get url of app catalog site in sharepoint  etc. We will provide you the ways to easily locate app catalog site in sharepoint online. Option 1: 1 Sign into Office 365   as a global or sharepoint admin. 2 Go to the apps and select Admin .  3 Now under the Admin Centers click on the SharePoint admin center . 4 In SharePoint admin center, go to the Active sites. 5 Now go to the right section where all the sites are listed and filter by template with " App Catalog Site ". 6 Once you apply the filter SharePoint App catalog site will get list