Error while running the zendesk custom app | Community
Skip to main content

Error while running the zendesk custom app

  • May 13, 2024
  • 4 replies
  • 0 views

firoza

Hi, 
We are trying to set up the existing custom app in local and zat validate is successful. But while running yarn run watch, getting the following error. 

We are using zat version 3.9.2.
Can you please help us in solving this?

4 replies

  • May 13, 2024
Hi Sheik, 
 
Unfortunately, I'm unable to see the image shared. Would you be able to provide the error code?

firoza
  • Author
  • May 16, 2024

Hi Erica Girges, 
I am sending you the error code here, please check. 

ERROR in ./node_modules/@zendeskgarden/react-notifications/node_modules/@reach/auto-id/dist/reach-auto-id.mjs 26:23
Module parse failed: Unexpected token (26:23)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|   if (maybeReactUseId !== void 0) {
|     let generatedId = maybeReactUseId();
>     return providedId ?? generatedId;
|   }
|   let initialId = providedId ?? (serverHandoffComplete ? genId() : null);
@ ./node_modules/@zendeskgarden/react-notifications/node_modules/@zendeskgarden/container-utilities/dist/index.esm.js 8:0-50 90:20-27
@ ./node_modules/@zendeskgarden/react-notifications/node_modules/@zendeskgarden/react-buttons/dist/index.esm.js
@ ./node_modules/@zendeskgarden/react-notifications/dist/index.esm.js
@ ./src/components/Dashboard/index.js
@ ./src/App.js
@ ./src/index.js

ERROR in ./node_modules/@zendeskgarden/react-notifications/node_modules/@zendeskgarden/container-selection/dist/index.esm.js 79:16
Module parse failed: Unexpected token (79:16)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|     if (controlledFocusedValue !== undefined) {
|       const targetRef = refs[controlledFocusedValue];
>       targetRef?.current && targetRef.current.focus();
|     }
|   }, [controlledFocusedValue]);
@ ./node_modules/@zendeskgarden/react-notifications/node_modules/@zendeskgarden/react-buttons/dist/index.esm.js 15:0-66 412:6-18
@ ./node_modules/@zendeskgarden/react-notifications/dist/index.esm.js
@ ./src/components/Dashboard/index.js
@ ./src/App.js
@ ./src/index.js
Child html-webpack-plugin for "index.html":
    1 asset
   Entrypoint undefined = index.html
   [./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html] 895 bytes {0} [built]
   [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
   [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
       + 1 hidden module


firoza
  • Author
  • May 20, 2024

Hi Erica Girges,
Can you please help us this, since there is an urgent requirement from our customer. 
Thank you


  • May 20, 2024
Hi Sheik!
 
After looking further into this have you checked to be sure that css and style loaders have been installed locally and not globally?