App not building?

[patrykcieszkowski]

Hey,

I've got strange issue. I've made Redux+React app. On development everything looks and works cool and sweet. When I decided to finally build my production app - it's not showing anywhere in the directory. I expected it to see in 'dist' directory - no luck. No errors or warning either.

Any ideas what might be wrong? I'd love to show you my code app, but it'd obviously too large to just show a snipped here.

[patrykcieszkowski]

Forget. Happend it wasn't dependency's problem, but my npm's. :) Sorry

[TheoMer]

OS: Windows 10 Pro
NPM Version: 3.8.6

Hi @patrykcieszkowski I'm experiencing this very same issue on Windows 10 Pro. When I run npm build no output is generated.

May I ask what it was about your npm that you changed to resolve the problem?

[patrykcieszkowski]

@TheoMer apparently, my npm was missing libraries, worked well once i updated it. But i see what's your problem. You don't wanna use npm build, as build command is already busy for another, npm's process. Use npm run build, and you'll be fine. :)

[TheoMer]

@patrykcieszkowski Thanks for that heads-up, I'm now receiving a series of errors now.

I've attached the generated error log file.

npm-debug.txt

[patrykcieszkowski]

The log doesn't say much. Try just npm run build:webpack.

[TheoMer]

@patrykcieszkowski I just ran the command you mentioned, and received the following error output:

λ npm run build:webpack

> learn-redux@1.0.0 build:webpack C:\Users\d0475\Documents\Projects\learn-redux
> NODE_ENV=production webpack --config webpack.config.prod.js

'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.

npm ERR! Windows_NT 10.0.14986
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build:webpack"
npm ERR! node v6.1.0
npm ERR! npm  v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! learn-redux@1.0.0 build:webpack: `NODE_ENV=production webpack --config webpack.config.prod.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the learn-redux@1.0.0 build:webpack script 'NODE_ENV=production webpack --config webpack.config.prod.js'.
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 learn-redux package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     NODE_ENV=production webpack --config webpack.config.prod.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs learn-redux
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls learn-redux
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Users\d0475\Documents\Projects\learn-redux\npm-debug.log

[patrykcieszkowski]

Oh I see, now we got something. On Windows environment, try replacing in package.json file line six:
"build:webpack": "NODE_ENV=production webpack --config webpack.config.prod.js",
with:
"build:webpack": "SET \"NODE_ENV=production\"=production webpack --config webpack.config.prod.js",

if this won't work, remove NODE_ENV part completely, and paste on top of webpack.config.prod.js this:
process.env.NODE_ENV = 'production'.

if any of those two won't work, you'll need to wait for someone else :(

[TheoMer]

@patrykcieszkowski Ok, so I changed the line mentioned to "build:webpack": "SET \"NODE_ENV=production\"=production webpack --config webpack.config.prod.js", and the following output, with no errors, was generated,but no dist folder was created:

λ npm run build

> learn-redux@1.0.0 build C:\Users\d0475\Documents\Projects\learn-redux
> npm run clean && npm run build:webpack


> learn-redux@1.0.0 clean C:\Users\d0475\Documents\Projects\learn-redux
> rimraf dist


> learn-redux@1.0.0 build:webpack C:\Users\d0475\Documents\Projects\learn-redux
> SET "NODE_ENV=production"=production webpack --config webpack.config.prod.js

Then I ran npm run build:webpack and the following output, again with no errors and no created dist folder, was generated:

λ npm run build:webpack

> learn-redux@1.0.0 build:webpack C:\Users\d0475\Documents\Projects\learn-redux
> SET "NODE_ENV=production"=production webpack --config webpack.config.prod.js

Then I completely removed build:webpack and the following output was generated:

λ npm run build                                                                                                                                 
                                                                                                                                                
> learn-redux@1.0.0 build C:\Users\d0475\Documents\Projects\learn-redux                                                                         
> npm run clean && npm run build:webpack                                                                                                        
                                                                                                                                                
                                                                                                                                                
> learn-redux@1.0.0 clean C:\Users\d0475\Documents\Projects\learn-redux                                                                         
> rimraf dist                                                                                                                                   
                                                                                                                                                
npm ERR! Windows_NT 10.0.14986                                                                                                                  
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build:webpack"       
npm ERR! node v6.1.0                                                                                                                            
npm ERR! npm  v3.8.6                                                                                                                            
                                                                                                                                                
npm ERR! missing script: build:webpack                                                                                                          
npm ERR!                                                                                                                                        
npm ERR! If you need help, you may report this error at:                                                                                        
npm ERR!     <https://github.com/npm/npm/issues>                                                                                                
                                                                                                                                                
npm ERR! Please include the following file with any support request:                                                                            
npm ERR!     C:\Users\d0475\Documents\Projects\learn-redux\npm-debug.log                                                                        
                                                                                                                                                
npm ERR! Windows_NT 10.0.14986                                                                                                                  
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"               
npm ERR! node v6.1.0                                                                                                                            
npm ERR! npm  v3.8.6                                                                                                                            
npm ERR! code ELIFECYCLE                                                                                                                        
npm ERR! learn-redux@1.0.0 build: `npm run clean && npm run build:webpack`                                                                      
npm ERR! Exit status 1                                                                                                                          
npm ERR!                                                                                                                                        
npm ERR! Failed at the learn-redux@1.0.0 build script 'npm run clean && npm run build:webpack'.                                                 
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 learn-redux package,                                                                 
npm ERR! not with npm itself.                                                                                                                   
npm ERR! Tell the author that this fails on your system:                                                                                        
npm ERR!     npm run clean && npm run build:webpack                                                                                             
npm ERR! You can get information on how to open an issue for this project with:                                                                 
npm ERR!     npm bugs learn-redux                                                                                                               
npm ERR! Or if that isn't available, you can get their info via:                                                                                
npm ERR!     npm owner ls learn-redux                                                                                                           
npm ERR! There is likely additional logging output above.                                                                                       
                                                                                                                                                
npm ERR! Please include the following file with any support request:                                                                            
npm ERR!     C:\Users\d0475\Documents\Projects\learn-redux\npm-debug.log                                                                        
                                                                                                                                                
C:\Users\d0475\Documents\Projects\learn-redux (master) (learn-redux@1.0.0)                                                                      
λ npm run build:webpack                                                                                                                         
npm ERR! Windows_NT 10.0.14986                                                                                                                  
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build:webpack"       
npm ERR! node v6.1.0                                                                                                                            
npm ERR! npm  v3.8.6                                                                                                                            
                                                                                                                                                
npm ERR! missing script: build:webpack                                                                                                          
npm ERR!                                                                                                                                        
npm ERR! If you need help, you may report this error at:                                                                                        
npm ERR!     <https://github.com/npm/npm/issues>                                                                                                
                                                                                                                                                
npm ERR! Please include the following file with any support request:                                                                            
npm ERR!     C:\Users\d0475\Documents\Projects\learn-redux\npm-debug.log

[patrykcieszkowski]

You shouldn't be removing build:webpack, as that's command thats getting called when you use npm run build. I wouldn't use build command, as it's clean rule conflicts with built process by itself. But since it didn't build your bundle, you shall probably wait for someone else then.

[TheoMer]

@patrykcieszkowski I actually ran the build process with npm build and 'build:webpack: "",', but no dist folder was built, as i mentioned earlier

Many thanks for the time you spent in attempting to resolve this issue.

[TheoMer]

@patrykcieszkowski The solution was to change

build:webpack": "NODE_ENV=production webpack --config webpack.config.prod.js"

to

build:webpack": "set NODE_ENV=production && webpack --config webpack.config.prod.js"

[patrykcieszkowski]

@TheoMer that's what I told you to do, you probably replaced wrong thing. :D Anyway, glad you got it working.

[TheoMer]

@patrykcieszkowski No, actually you said to do

build:webpack": "SET \"NODE_ENV=production\"=production webpack --config webpack.config.prod.js",

which was minus the && before webpack --config....

But that's just petty semantics now ;-)