How to load a production create-react-app script inside an html page?

Question

I've created a create-react-app simple application (as a lib) and want to load it inside an HTML page as an external script.

1. I created a create-react-app with the command npx create-react-app my-lib

2. Changed my-lib/src/index.js to this:

3. Inside the my-lib directory I run yarn build. This generated the following production files:

4. Created an external HTML file loading the production version of my-lib.

I'm getting the following error:

Answer 1

Production build creates 2 JS files i.e. chunk.js and main.js so we need to import both in index.html file

1. Loaded react component in variable and assigned to window

2. Called same window variable in index.html

Please try this way