Spfx commands(setup, develop and deploy)

-

Setup environment 


1. Install Gulp => npm install gulp-cli --global

 

   check version =>gulp -v


2. Install Yeoman => npm install yo --global

   if already exist add --force


3. Install Yeoman SharePoint generator

    => npm install @microsoft/generator-sharepoint --global


4. Trusting the self-signed developer certificate

   => gulp trust-dev-cert


5. Check the version of globally installed packages

=> npm list --global --depth=0️


6. check framework version

=> npm ls -g --depth=0


------------------------------------------------------------------------------------------------------


Setup application


1. create folder 


2. Yeoman SharePoint Generator => yo @microsoft/sharepoint


3. run application in local host => gulp serve --nobrowser


4. update the initial page url from serve.json under config folder


=> https://.../_layouts/workbench.aspx


5. run application the application => gulp serve

-----------------------------------------------------------------------------------------------------

Reconfigure the environment

delete the "npm" and "npm-cache" file from below path and install the the node...

C:\Users\sentk\AppData\Roaming\

------------------------------------------------------------------------------------------------------

Deployment 

gulp clean

1. gulp bundle --ship

2. gulp package-solution --ship


Note: The JavaScript files, CSS, and other assets are packaged in the package when the --ship option is used.


----------------------------------------------------------------------------------------------------------------

spfx compatability


https://learn.microsoft.com/en-us/sharepoint/dev/spfx/compatibility

SPFx Node.js (LTS) NPM TypeScript React

1.15.2 v12, v14, v16 v5, v6, v7, v8 v4.5 v16.13.1


-----------------------------------------------------------------------------------------------------------------------

if node version mismatch from source code to installed version 


nvm install 8.11.0

-----------------------------------------------------------------------------------------------------------------------

Uninstall packages

npm uninstall @microsoft/{spfx-package-name}@1.17.x


generator-sharepoint@1.18.0


npm uninstall @microsoft/generator-sharepoint@1.18.0

npm uninstall @microsoft/generator-sharepoint@1.17.x


npm uninstall @microsoft/generator-sharepoint@1.18.0

npm uninstall -g @microsoft/generator-sharepoint

npm install -g @microsoft/generator-sharepoint@1.15.0


npm ls -g --depth=0 


@microsoft/generator-sharepoint


npm install @microsoft/{spfx-package-name}@1.14.0 --save --save-exact

Comments

Post a Comment

Popular posts from this blog

SPFX setup & deployment

-
  Setting up SharePoint Framework (SPFx) for SharePoint Online involves several steps. Below is a guide to help you set up SharePoint Framework for SharePoint Online compatibility: Note: please refer below link to get latest update https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment Prerequisites: Node.js and npm: Ensure you have Node.js installed. You can download it from nodejs.org . spfx support version => node-v18.17.1-x64 npm and yomen -> >npm install -g yo gulp >npm install -g @microsoft/generator-sharepoint SPFx generally works with the LTS (Long-Term Support) version of Node.js. Yeoman and Gulp: Install Yeoman and Gulp globally using npm. bash Copy code npm install -g yo gulp SharePoint Online Tenant Configuration: Developer Site: Create a developer site collection in your SharePoint Online tenant. This site collection is used for testing your SPFx web parts. App Catalog: Create an App Catalog site collection in your SharePo...
Read more

Sites.Selected | Graph API SharePoint Permission

-
Image
  SharePoint Site Collection Permission   The "sites.selected" permission in Microsoft Graph API allows you to grant an application access to specific SharePoint sites instead of all SharePoint sites in the tenant.   Step1: To   Configure "Sites.Selected" Permission in Azure App Registration To use "sites.selected" , you need to: Register an App in Azure AD . Grant "Sites.Selected" Permission to the app. Manually Grant Access to the specific SharePoint site. Use Microsoft Graph API or PowerShell to assign the required role (Read/Write).   Step 1: Register an App in Azure AD Go to Azure Portal → Azure Active Directory → App Registrations . Click New registration . Provide a name (e.g., SharePointAccessApp). Choose Accounts in this organizational directory only . Click Register . Step 2: Add "Sites.Selected" API Permission Navigate ...
Read more

Connect to Azure AD-secured APIs in SPFx

-
Image
  Connect to Azure AD-secured APIs in SharePoint Framework solutions When building SharePoint Framework solutions, you might need to connect to an API secured by using Azure Active Directory (Azure AD). SharePoint Framework allows you to specify which Azure AD applications and permissions your solution requires, and a global or SharePoint administrator can grant the necessary permissions if they haven't yet been granted. By using the  AadHttpClient , you can easily connect to APIs secured by using Azure AD without having to implement the OAuth flow yourself. Web API permissions overview Azure AD secures a number of resources, from Microsoft 365 to custom line-of-business applications built by the organization. To connect to these resources, applications must obtain a valid access token that grants them access to a particular resource . Applications can obtain an access token as part of the  OAuth authorization flow . Client-side applications that are incapable of storing ...
Read more