Error running npm run web:dev on windows

[foxhound87]

Error running npm run web:dev on windows

[rickmed]

so the problem was in webpack.config.babel in windows, match.script is not matching the npm script name, so I replaced the function with process.env.npm_lifecycle_event === "web:dev" and got passed the error, but then I got

C:\Users\rickm\Documents\Google Drive\Projects\NodeJS\rfx-stack\src\shared\app.js:34
var uri = ['http://', config.io.host, ':', config.io.port].join('');
^

TypeError: Cannot read property 'io' of undefined

and got tired of debugging :)

EDIT: ookaayyy gave it another shot and there was indeed cross OS env shenanigans going on so I installed cross-env and change package.json to "web:dev": "cross-env NODE_ENV=development node ./run/start.web.js"

and it worked (I'm on win 10), cheers

[foxhound87]

I didn't used the stack on a window machine. However I don't know if this issue it's related to the OS.
But certainly is related to the webpack-dev-middleware package, and it's similar to these issues:

• webpack/webpack-dev-middleware#86
• webpack/webpack-dev-middleware#97
• webpack/webpack-dev-server#463

I think you should ask there.

But first, you can try to edit the output.path of /webpack/config.client.dev.js:

from:

output: {
   path: '/',
   ...

to:

output: {
   path: path.join(Dir.public, 'build'),
   ...

If path.join() don't work either, try with path.resolve().

let me know if this worked.

[dariuspranskus]

Thanks @foxhound87, I tried that, but it did not help. I tried also to put a line like

export function config() {
  console.log(path.join(Dir.public, 'build'));

and I see no output. It is like it's breaking somewhere before it hits that line. But I run launched an Ubuntu VM will try there.

[foxhound87]

The webpack config file is loaded from the hot-middleware in /src/web/middleware/hot.js using babel-root-import:

import config from '~/webpack.config.babel';

so I think ther's something still not working on the babel-root-import with the Windows-Filesystem support:
https://github.com/michaelzoidl/babel-root-import/issues?utf8=%E2%9C%93&q=window

I suggest to remove the package and replace all the imports from '~/ with the relative real path.

...or try one of these packages instead:

• https://www.npmjs.com/package/babel-root-import-fragment
• https://www.npmjs.com/package/babel-import-from-root
• https://www.npmjs.com/package/babel-plugin-root-import

[foxhound87]

@dariuspranskus let me know if you fixed it

[foxhound87]

@dariuspranskus this issue can be caused also by the node env vars, consider using this for cross platform support: https://www.npmjs.com/package/cross-env

[FerminYang]

I have the same issue on Windows 10. And I also tried the cross-env, still not working.

[foxhound87]

@FerminYang Thank you for your hint.

[foxhound87]

@rickmed please, can you test the last commit on windows? I made some changes, still using the match.script() but I changed the implementation. That's a very strange behavior.

[rickmed]

@foxhound87 it works

[foxhound87]

@rickmed thank you for your support! issue closed! 4c139ea