react-application-messagebanner - Installation Doubt

[prateekp98]

Sample

react-application-messagebanner

Author(s)

@pmatthews05

Question

Hi, thanks for the application, this might seem like a dumb question, but do we have to make any changes in the manifests.js/json files? I changed the urls in the config files to my tenant but I get an error when trying to run gulp serve

[Sandeep-FED]

Hey @prateekp98 ,

Please follow the below mentioned steps, you don’t need to make any changes in manifest.js.

If you want to run it locally: gulp serve

then append the debug url along with your site url

Example

https://spl7c.sharepoint.com/sites/U.S.Sales/SitePages/Home.aspx?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions=%7B%25221e2688c4-99d8-4897-8871-a9c151ccfc87%2522:%7B%2522location%2522:%2522ClientSideExtension.ApplicationCustomizer%2522,%2522properties%2522:%7B%2522message%2522:%2522This%2520is%2520a%2520sample%2520banner%2520message.%2520Update%2520the%2520%2527message%2527%2520property%2520of%2520the%2520application%2520customizer%2520extension.%2522,%2522textColor%2522:%2522%2523333%2522,%2522backgroundColor%2522:%2522%2523ffffc6%2522,%2522textFontSizePx%2522:14,%2522bannerHeightPx%2522:30,%2522visibleStartDate%2522:%25222023-09-01%2522,%2522enableSetPreAllocatedTopHeight%2522:false,%2522disableSiteAdminUI%2522:false%7D%7D%7D

For production builds run the below commands gulp build --ship gulp bundle --ship gulp package-solution --ship