JHipster web3auth webpack loader errors

When asking for help in this category, please make sure to provide the following details:

  • SDK Version:
    latest
  • Platform:
    React with JHipster
  • Browser Console Screenshots:
  • If the issue is related to Custom Authentication, please include the following information (optional):
    • Verifier Name:
    • JWKS Endpoint:
    • Sample idToken (JWT):

I can install the modal packages, but when I try to create a web3auth objection I get like 40 errors with the same ending message:

ERROR in ./node_modules/@metamask/utils/dist/chunk-NQMRFZHB.mjs 8:51
Module parse failed: Unexpected token (8:51)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See Concepts | webpack

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See Concepts | webpack

It even fails when I am configuring the chainConfig.

const chainConfig = {
chainNamespace: CHAIN_NAMESPACES.EIP155,
chainId: “0x1”, // Please use 0x1 for Mainnet
rpcTarget: “https://rpc.ankr.com/eth”,
displayName: “Ethereum Mainnet”,
blockExplorer: “https://etherscan.io/”,
ticker: “ETH”,
tickerName: “Ethereum”,
};

Anyone know how to fix this dependency issue?

Thanks

@drewgonzales2021 Thanks for your reply.

Please refer to this troubleshooting guide:

@drewgonzales2021 Do you need any further information?