richard-lopes / webpack-example Goto Github PK

Hi Richard! I followed your tutorial to build a rails app as an api with react front end on a separate node.js server. It seems like your webpack.config.js file, instead of having

output: { // ... publicPath: '', // ... }
it should've been

output: { // ... publicPath: '/', // ... }

otherwise you cannot access the module.js file in a nested url. I was searching up this error and I found this: [https://github.com/remix-run/react-router/issues/676]
Might not be relevant to your tutorial but just something I found that might be useful!

[email protected] watch /data/work/webpack-example
webpack-dev-server --port 8091 --hot --inline --progress --colors

70% 2/2 build modulesevents.js:160
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE 127.0.0.1:8091
at Object.exports._errnoException (util.js:1007:11)
at exports._exceptionWithHostPort (util.js:1030:20)
at Server._listen2 (net.js:1253:14)
at listen (net.js:1289:10)
at net.js:1399:9
at GetAddrInfoReqWrap.asyncCallback as callback
at GetAddrInfoReqWrap.onlookup as oncomplete

npm ERR! Linux 4.4.0-24-generic
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "watch"
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] watch: webpack-dev-server --port 8091 --hot --inline --progress --colors
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] watch script 'webpack-dev-server --port 8091 --hot --inline --progress --colors'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the webpack-example package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --port 8091 --hot --inline --progress --colors
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs webpack-example
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls webpack-example
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /data/work/webpack-example/npm-debug.log

Hi Richard, wasn't sure the best way to reach you, but I was working through your tutorial https://underthehood.myob.com/changing-of-the-guard-in-web-technologies/ and kept getting a build error. I diffed my work vs. what you committed to this repo, and it looks like the .babelrc file is required. You can repro by deleting the .babelrc and trying to build. You might want to update the tutorial to mention it. Cheers, and thanks for the helpful tutorial