sayar / reactmva Goto Github PK

I went through the video series and it was great. However i'm having trouble establishing my environment as I am not able to see my react generated div tag created in the Introduction to JSX video of Section 2. I installed node.js, downloaded the start code from github, did my npm install and upon compile got the error "Breaking Change: Its's not longer allowed to omit the '-loader' when using loaders. You need to specify the file-loader instead of file. I fixed this error by changing the webpack.config.js .html loader under module from "file?name=[name].[ext]" to "file-loader?name=[name].[ext]".

However upon doing that I received an error stating "Conflict: Multiple assets emit to the same filename" error when compiling. I fixed this error by changing the output filename in the webpack.config.js from bundle.js to [name].js.

Then it compiled fine but when looking at it in the browser I noticed that there was an error stating the server has not found anything matching the request URI and mentions bundle.js. I looked at my compile in the command prompt and it appears to compile index.html but did not see app.js but did see that there was an output of html.js. Trying things i replaced bundle.js in Index.html with html.js and it compiles without the URI error but there is not react div tag in my Index.html when I view it in the browser.

Do you have any suggestions?

Whenever I run the end code i get

Warning: [react-router] Location "/conversation" did not match any routes

After executing "npm run start-webpack-server" the error comes out
"ERROR in chunk html [entry]
bundle.js
Conflict: Multiple assets emit to the same filename bundle.js"
I tried to solve this but my expertise are so little.

Hi Sayar,
I followed the procedure of installing webpack and npm modules for this project but I am getting below error when giving command npm run start-webpack-server.

Please help.

Hi,

While completing the ReactJS MVA course, I noticed that Webpack was failing to launch in the 05_ES6/Code/fork-es6 directory. It turns out that in this directory's Webpack Configuration File, the wrong JS entry point is listed on line 6. Instead of './app.js', the entry point should be './routes.js'. I have attached an image which displays the error. The correct code is highlighted.

Thank you,
Robert