Struggling with Local IC Token Faucet Setup. Need Help

Developers Motoko
1

I am working on a React + DFX token faucet project on the Internet Computer. My project setup includes:

Component Details
Backend Motoko canister called token with functions: payOut, transfer, transferFrom
Frontend React app inside src/token_assets bundled with Webpack
Current Goal Deploy canisters locally and get the frontend working to interact with the token canister
Current Environment Local replica (dfx start), Node 18, Webpack 5

Problem:
I am facing multiple issues:

  1. Module resolution errors – Webpack cannot find my actor imports (actor.js) and token.did.js even though they exist in the correct folders.

  2. Canister ID issues – The browser keeps saying “Could not find a canister id to forward to”. I have the canister IDs printed by dfx deploy but the frontend is not picking them up.

  3. Post-build failures – When running dfx deploy, the frontend build fails with errors like:

The post-build step failed for canister 'token_assets' with an embedded error: The command '"npm" "run" "build"' failed

I have tried:

  • Cleaning node_modules, .dfx, dist

  • Reinstalling dependencies

  • Verifying paths and imports

  • Using correct canister IDs in actor.js and index.js

Despite all this, the frontend still does not load properly and I cannot interact with my token canister.

What I need:

I really want someone who has experience with IC local canisters + React frontend to guide me, check my file structure, and tell me how to correctly wire actor.js, index.jsx, and token.did.js.

Please, if you can help me directly, you can contact me via WhatsApp: +237 671 162 233. I can even connect via AnyDesk, so you can see my full code, diagnose the problem, and even write working code while I watch and learn.

I am really struggling and desperate for guidance. Any help would mean a lot.

Thank you so much for your time and support.