Adding advanced UI customizations to WSO2 API-M UIs didn't went well

I followed the steps to access the frontend folder of the WSO2 the steps in the documentation, but in the 3rd step it didn't run the mentioned command and even the next one the following step that folder src under the devportal doesn't exist or neither the other folders

is there a mistake or does anyone did it before knows about it the project folders (under webapps)

I tried searching for other projects

Solution

If you are using WSO2 API Manager v4 or above, perform the following steps to ensure that you have the correct set of packages and dependencies in your environment.

Go to /repository/deployment/server/webapps directory and open the package.json and verify the version specified for the lerna package. It should be ^3.20.2
Try running the following command from the webapps directory itself: npm install or npm ci (if you have already installed the packages to do a clean install)

Furthermore, if you are having trouble with npm run bootstrap command, please go inside the devportal or publisher or admin path and run the npm install command to install the required dependencies.

In simple terms, Lerna is used to install all required dependencies at one-go for all the portals without navigating to them individually. Therefore, if you are having issues with running the npm run bootstrap command, follow the above-mentioned approach to install the required dependencies without any errors.

Regarding the paths mentioned in Docs, those are now updated (however the Docs were not updated) as following

devportal/src/main/webapp/source is now as devportal/source
devportal/src/main/webapp/override/src is now as devportal/override/src

Hope this helps you to resolve the confusions around. I have reported the same to the WSO2 Team with this Git