ng build -prod fails with two errors

[rkralston]

Please provide us with the following information:

1. OS? Windows 7, 8 or 10. Linux (which distribution). Mac OSX (Yosemite? El Capitan?)
   os: win32 x64

1. Versions. Please run ng --version. If there's nothing outputted, please
   run in a Terminal:
   node --version
   And paste the result here.
   date it to a more recent version.
   angular-cli: 1.0.0-beta.2-mobile.4
   node: 6.1.0
   os: win32 x64
2. Repro steps. Was this an app that wasn't created using the CLI? What change did you
   do on your code? etc.
   I have built a small but extensive application. I am attaching some of the configuration files. Please let me know if you need more.

I ran ng init just to make sure I had everything for the CLI.
ng build -prod

1. The log given by the failure. Normally this include a stack trace and some
   more information.

I am not aware of a log file created by build. Here's the screen shot:

C:\Users\rkr0079\Source\Repos\nrmn-account>ng build -prod
(node:6264) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
/ Building(node:6264) DeprecationWarning: 'root' is deprecated, use 'global'
(node:6264) DeprecationWarning: 'GLOBAL' is deprecated, use 'global'
Built project successfully. Stored in "dist/".
File sizes:
fs.js:95
throw err; // Forgot a callback but don't know where? Use NODE_DEBUG=fs
^

Error: ENOTEMPTY: directory not empty, rmdir 'C:\Users\rkr0079\Source\Repos\nrmn-account\dist\vendor\ng2-bootstrap\components'
at Error (native)

nrmn-accounts.zip

1. Mention any other details that might be useful.

   ---

   Thanks! We'll be in touch soon.

[theimdal]

Did you run it as administrator? Also, it seems the build went fine, the error seems to come from the file sizes report you get after the build has finished.

[rkralston]

Yes, the cmd window is always admin.

Manually deleted the two empty directories and it worked fine.

[rkralston]

prod compiled. it will not run. should I be looking for bootstrap in that file?

ng serve -prod results in Loading... and the app never runs.

ng serve runs with no problems.

[filipesilva]

Odd. Do you have any console errors when doing ng serve -prod?

[rkralston]

I agree. Here's my output:

C:\Users\rkr0079\Source\Repos\nrmn-account>ng serve -prod
(node:18032) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
Livereload server on http://localhost:49156
Serving on http://localhost:4200/
(node:18032) DeprecationWarning: 'root' is deprecated, use 'global'
(node:18032) DeprecationWarning: 'GLOBAL' is deprecated, use 'global'

Build successful - 13997ms.

Slowest Trees | Total
----------------------------------------------+---------------------
BundlePlugin | 8458ms
Funnel | 1438ms
Funnel | 1327ms
BroccoliTypeScriptCompiler | 1316ms
vendor | 1198ms

Slowest Trees (cumulative) | Total (avg)
----------------------------------------------+---------------------
BundlePlugin (1) | 8458ms
Funnel (10) | 2886ms (288 ms)
BroccoliTypeScriptCompiler (1) | 1316ms
vendor (1) | 1198ms

[filipesilva]

Hm... what about on the browser console, any errors?

[rkralston]

Nope. No errors anywhere.

I looked in the main.js. It is returning the bootstrap call; but it is buried way deep in the file.

I'm not sure how to go about debugging this to see where it is failing.

[rkralston]

When I prettify main.js, the following is on line 22916 when looked at in ff and a breakpoint is not hit:
System.registerDynamic('main.js', [ '@angular/platform-browser-dynamic', '@angular/common', '@angular/core', './app', '@angular/http', '@angular/router', 'angular2-jwt' ], !0, function (a, b, c) { 'use strict'; var d = a('@angular/platform-browser-dynamic'), e = a('@angular/common'), f = a('@angular/core'), g = a('./app'), h = a('@angular/http'), i = a('@angular/router'), j = a('angular2-jwt'); return g.environment.production && f.enableProdMode(), d.bootstrap(g.NrmnAccountAppComponent, [ h.HTTP_PROVIDERS, i.ROUTER_PROVIDERS, j.AUTH_PROVIDERS, f.provide(e.LocationStrategy, { useClass: e.HashLocationStrategy }) ]), c.exports }),

[rkralston]

Tried moving to a fresh machine. Now prod fails with the following:

C:\Users\Keith\Source\Repos\nrmn-account>ng -v
(node:19576) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
angular-cli: 1.0.0-beta.2-mobile.4
node: 6.2.0
os: win32 x64

C:\Users\Keith\Source\Repos\nrmn-account>ng build -prod
(node:4232) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
Build failed.
The Broccoli Plugin: [BundlePlugin] failed with:
Error on fetch for main.js at file:///C:/Users/Keith/Source/Repos/nrmn-account/tmp/bundle_plugin-input_base_path-QZ2DUmcB.tmp/0/main.js
Error: ENOENT: no such file or directory, open 'C:\Users\Keith\Source\Repos\nrmn-account\tmp\bundle_plugin-input_base_path-QZ2DUmcB.tmp\0\main.js.map'
at Error (native)

The broccoli plugin was instantiated at:
at BundlePlugin.Plugin (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\broccoli-plugin\index.js:10:31)
at BundlePlugin.CachingWriter as constructor
at BundlePlugin (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\broccoli\angular-broccoli-bundle.js:11:5)
at Angular2App._getBundleTree (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\broccoli\angular2-app.js:424:22)
at Angular2App._buildTree (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\broccoli\angular2-app.js:159:21)
at new Angular2App (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\broccoli\angular2-app.js:53:23)
at module.exports (C:\Users\Keith\Source\Repos\nrmn-account\angular-cli-build.js:6:10)
at Class.module.exports.Task.extend.setupBroccoliBuilder (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\models\builder.js:55:19)
at Class.module.exports.Task.extend.init (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\models\builder.js:89:10)
at new Class (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\core-object\core-object.js:18:12)
at Class.module.exports.Task.extend.run (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\tasks\build.js:15:19)
at C:\Users\Keith\Source\Repos\nrmn-account\node_modules\angular-cli\lib\commands\build.js:32:24
at lib$rsvp$$internal$$tryCatch (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\rsvp\dist\rsvp.js:1036:16)
at lib$rsvp$$internal$$invokeCallback (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\rsvp\dist\rsvp.js:1048:17)
at lib$rsvp$$internal$$publish (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\rsvp\dist\rsvp.js:1019:11)
at lib$rsvp$asap$$flush (C:\Users\Keith\Source\Repos\nrmn-account\node_modules\rsvp\dist\rsvp.js:1198:9)

The development build continues to work flawlessly.

Does my version of the CLI matter? If so, how should I upgrade?

[rkralston]

ng build -prod produces a main.js with System.registerDynamic("main.js" ... in the middle.

When I move that code to the end, the application runs.

Attaching the file.

Not exactly sure what I need to do to get this to build properly.

main.zip

[rkralston]

I have tried updating the CLI with npm i angular-cli. This does not work. How should I update the CLI?

[rkralston]

I forced an upgrade. I got the error when building to prod that tmp resources did not exist.

I have rolled back to beta 2.

[kara]

This fails for me too on Mac. Same error in the tmp folder