I just started learning Webpack to make a React weather-app chrome extension. All the bundled files have been put in the default “dist” folder (as shown). However, when I am opening the “index.html” in the “dist” folder, the page on the live server is blank. Can someone help with find where I have made a mistake? I have enclosed all the screenshots which I believe, may help in debugging the problem.
I was trying to open the live server on my VS code terminal using the “npm start” command … there it showed an error that “the index.html file doesn’t exist”. I assumed that the “npm start” command wouldn’t work for a webpack bundled file. So, I tried to use the live server option we get upon right clicking on the file. There I am getting a blank page.
The type value for the script element is type="text/jsx" on the dist bundle (doesn’t look like a “real” build as it isn’t minified).
I’m not a webpack expert so there might be an easy fix but I would start over and not use react-react-app at all if you want to set up webpack manually (or eject to use CRA I’m guessing). I’m not sure you really need to do it manually though (example extension using CRA).