Unable to add Modern Script editor inside our modern communication site

Question

I am trying to add the following Modern Script editor web part @ react-script-editor inside our communication site.

Where i followed the steps for deployment which are:-

1. Clone this repository
2. In the command line run: - npm install - gulp serve
3. gulp clean
4. gulp bundle --ship
5. gulp package-solution --ship
6. Upload .sppkg file from sharepoint\solution to your tenant App Catalog

Also since i am deploying this to a communication modern site which is non-script site, so i change this "requiresCustomScript": false inside the http://scripteditorwebpart.manifest.json/ before i run the above 2 --ship commands

7. i added the App inside our app catalog site:-

8. Then i added the App inside our communication modern site collection, as follow:-

9. But when i edit a modern page >> i can not find the web part:-

any advice? Thanks

Answer 1

You need to enable script editing in this modern site,
The command for your reference:

Connect-SPOService -Url https://contoso-admin.sharepoint.com   
 Set-Sposite -Identity modernsiteUrl -DenyAddAndCustomizePages 0  

Here is a video on how to install modern script editor in modern site for your reference:
https://www.youtube.com/watch?v=Fz3NeLLKrpE

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.