Swati Gupta (3x Sitecore MVP) | Blogs

Error : “Unexpected error processing reply from import status service: TypeError: Cannot read property 'forEach' of undefined” Reason : Incompatibility of a version of JSS with Sitecore version. Sitecore JavaScript Services modules compatibility with Sitecore XP Solution : Create a JSS app using release/VersionX.X.X, Like if you are using Sitecore 9.3 then use the below command. jss create firstjssproject react --branch release/13.0.0 OR jss create firstjssproject react --b release/13.0.0

Setup Sitecore JSS application Before starting to create JSS application, we need to understand what is a Sitecore JSS. What is a JSS Sitecore JavaScript Services (JSS) is a complete SDK for JavaScript developers that enables you to build full-fledged solutions using Sitecore and modern JavaScript UI libraries and frameworks. Sitecore JSS support Angular, React and Vue JavaScript framework. How to create a JSS application? Firstly, to develop a JSS application, Node needs to be installed into your system. Install the JSS Command Line Application CLI makes it easy to create a new project, scaffold components, deployment of your JSS application, etc. To installed CLI globally, run below command in the command prompt: npm install -g @sitecore-jss/sitecore-jss-cli Create a JSS application To create a JSS application, need to follow the below steps: Create a folder with any project name In project folder, run jss create <your-app-name>

Sitecore JSS create your first component  In the previous blog , JSS setup has been done. Now it’s time to create your first component, apply the newly created component into a route and test it in disconnected mode. Scaffold the component To scaffold new component, JSS sample app providing a script which allows you to scaffold new component easily. This script is available in “/scripts/scaffold-component.js” you can customize it as per your requirement. Run below command to scaffold component, type jss scaffold and your component name like HeroBanner. This command will generate all files which are required. jss scaffold HeroBanner After the scaffold HeroBanner component you can see below files has been added into your JSS application: /sitecore/definitions/components/HeroBanner.sitecore.js /src/components/HeroBanner/index.js HeroBanner.sitecore.js will contain template name, icon, fields by default.  index.js will contain view of HeroBanner com