aws-samples / amazon-chime-sdk

This repository contains samples intended to demonstrate different use cases for the Amazon Chime SDK (JavaScript, iOS, Android, React, Messaging and Telephony)
MIT No Attribution
104 stars 132 forks source link

Request for documentation on integrating the React Meeting Demo into an existing app #415

Open Mohammed-Shoaib opened 7 months ago

Mohammed-Shoaib commented 7 months ago

What demo do you have issue with?

React Meeting Demo

How can the documentation be improved to help your use case?

I have an existing React app and I copied the folder apps/meeting/src into my react app. I am now trying to use the individual components in the folder apps/meeting/src/components in the react app but it fails to bundle when I bundle the whole app (existing app + the meeting app).

The bundling fails with errors such as below:

[ERROR] Could not resolve "fs"

    node_modules/@smithy/shared-ini-file-loader/dist-cjs/getSSOTokenFromFile.js:4:21:
      4 │ const fs_1 = require("fs");
        ╵                      ~~~~

  The package "fs" wasn't found on the file system but is built into node. Are you trying to bundle
  for node? You can use "--platform=node" to do that, which will remove this error.

As suggested, the bundling works when specifying the --platform=node flag. In essence, when trying to bundle the app for the browser, the bundling process fails. But when trying to bundle the app for node, the bundling process succeeds. I have not been able to get around this issue easily.

Would you be able to provide documentation on developers can integrate the React meeting demo app into their existing React app? This would be really useful!

What documentation have you looked at so far?

I went through the documentation on running the React meeting demo app. I also looked at external documentation on using esbuild and webpack. These haven't been super-useful as my issue is with integrating the React meeting demo app into the existing React app.

Thank you so much for your time and help!