Solvedangular cli ng serve -prod fails (beta 5)

327

OS?
Debian Jessie
Versions. Please run ng --version.
angular-cli: 1.0.0-beta.5
node: 5.11.1
os: linux x64
Repro steps. Was this an app that wasn't created using the CLI? What change did you
do on your code? etc.
1. ng new ngtestmobile --mobile
2. cd ngtestmobile
3. ng serve -- works normally.
4. ng serve -prod -- doesn't work.
No changes in the code.
The log given by the failure. Normally this include a stack trace and some
more information.

$ ng serve -prod
Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
Livereload server on http://localhost:49152
Serving on http://localhost:4200/
The Broccoli Plugin: [SourceMapConcat] failed with:
Error: ENOENT: no such file or directory, open '/home/daviddiaz/projects/tests/ngtestmobile/tmp/source_map_concat-input_base_path-dxPccJ6Q.tmp/0/vendor/reflect-metadata/Reflect.ts'
    at Error (native)
    at Object.fs.openSync (fs.js:584:18)
    at Object.fs.readFileSync (fs.js:431:33)
    at SourceMap.<anonymous> (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:282:29)
    at Array.map (native)
    at Object.Call (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/es6-shim/es6-shim.js:289:14)
    at Array.map (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/es6-shim/es6-shim.js:1301:17)
    at SourceMap._resolveSourcesContent (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:275:27)
    at SourceMap._assimilateExistingMap (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:248:63)
    at SourceMap.<anonymous> (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:219:12)
    at SourceMap._cacheEncoderResults (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:125:16)
    at SourceMap._addMap (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:218:10)
    at SourceMap.addFileSource (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:92:19)
    at SourceMap.addFile (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/node_modules/fast-sourcemap-concat/lib/source-map.js:70:15)
    at /home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/concat.js:100:16
    at Array.forEach (native)

The broccoli plugin was instantiated at: 
    at ConcatWithMaps.Plugin (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-caching-writer/node_modules/broccoli-plugin/index.js:10:31)
    at ConcatWithMaps.CachingWriter [as constructor] (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-caching-writer/index.js:21:10)
    at new ConcatWithMaps (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/concat.js:22:17)
    at module.exports (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/broccoli-concat/index.js:26:10)
    at Angular2App._getBundleTree (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/lib/broccoli/angular2-app.js:424:20)
    at Angular2App._buildTree (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/lib/broccoli/angular2-app.js:159:21)
    at new Angular2App (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/lib/broccoli/angular2-app.js:53:23)
    at module.exports (/home/daviddiaz/projects/tests/ngtestmobile/angular-cli-build.js:6:10)
    at Class.module.exports.Task.extend.setupBroccoliBuilder (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:55:19)
    at Class.module.exports.Task.extend.init (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:89:10)
    at new Class (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/node_modules/core-object/core-object.js:18:12)
    at Class.module.exports.Task.extend.run (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/lib/tasks/serve.js:15:19)
    at /home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/lib/commands/serve.js:64:24
    at lib$rsvp$$internal$$tryCatch (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /home/daviddiaz/projects/tests/ngtestmobile/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:331:11

Mention any other details that might be useful.

This problem only happen using the --mobile flag when tries to concat the vendor polyfills to build app-concat.js in index.html.

41 Answers

Original

✔️Accepted Answer

Codenator81

375

OS X Mac El Capitan
ng version beta.5
For me ng build -prod not work
Error trace:

Alexs-iMac:angular-bbc alex$ ng build -o public -w -prod
(node:8234) 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:8234) DeprecationWarning: 'root' is deprecated, use 'global'
(node:8234) DeprecationWarning: 'GLOBAL' is deprecated, use 'global'
⠼ BuildingThe Broccoli Plugin: [BundlePlugin] failed with:
Error on fetch for main.js at file:///Users/alex/Sites/sitesforchurch/angular-bbc/tmp/bundle_plugin-input_base_path-qp8Zs918.tmp/0/main.js
        Error: ENOENT: no such file or directory, open '/Users/alex/Sites/sitesforchurch/angular-bbc/tmp/bundle_plugin-input_base_path-qp8Zs918.tmp/0/Users/alex/Sites/sitesforchurch/angular-bbc/tmp/broccoli_type_script_compiler-input_base_path-flSQOaxZ.tmp/0/main.js.map'
    at Error (native)

The broccoli plugin was instantiated at: 
    at BundlePlugin.Plugin (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/broccoli-plugin/index.js:10:31)
    at BundlePlugin.CachingWriter [as constructor] (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/broccoli-caching-writer/index.js:21:10)
    at BundlePlugin (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular-broccoli-bundle.js:11:5)
    at Angular2App._getBundleTree (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular2-app.js:421:22)
    at Angular2App._buildTree (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular2-app.js:159:21)
    at new Angular2App (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular2-app.js:53:23)
    at module.exports (/Users/alex/Sites/sitesforchurch/angular-bbc/angular-cli-build.js:6:10)
    at Class.module.exports.Task.extend.setupBroccoliBuilder (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/models/builder.js:55:19)
    at Class.module.exports.Task.extend.init (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/models/builder.js:89:10)
    at new Class (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/core-object/core-object.js:18:12)
    at Class.module.exports.Task.extend.run (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/tasks/build-watch.js:17:16)
    at /Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/commands/build.js:32:24
    at lib$rsvp$$internal$$tryCatch (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:331:11
    at lib$rsvp$asap$$flush (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:1198:9)


The Broccoli Plugin: [BundlePlugin] failed with:
Error on fetch for main.js at file:///Users/alex/Sites/sitesforchurch/angular-bbc/tmp/bundle_plugin-input_base_path-qp8Zs918.tmp/0/main.js
        Error: ENOENT: no such file or directory, open '/Users/alex/Sites/sitesforchurch/angular-bbc/tmp/bundle_plugin-input_base_path-qp8Zs918.tmp/0/Users/alex/Sites/sitesforchurch/angular-bbc/tmp/broccoli_type_script_compiler-input_base_path-flSQOaxZ.tmp/0/main.js.map'
    at Error (native)

The broccoli plugin was instantiated at: 
    at BundlePlugin.Plugin (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/broccoli-plugin/index.js:10:31)
    at BundlePlugin.CachingWriter [as constructor] (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/broccoli-caching-writer/index.js:21:10)
    at BundlePlugin (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular-broccoli-bundle.js:11:5)
    at Angular2App._getBundleTree (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular2-app.js:421:22)
    at Angular2App._buildTree (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular2-app.js:159:21)
    at new Angular2App (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/broccoli/angular2-app.js:53:23)
    at module.exports (/Users/alex/Sites/sitesforchurch/angular-bbc/angular-cli-build.js:6:10)
    at Class.module.exports.Task.extend.setupBroccoliBuilder (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/models/builder.js:55:19)
    at Class.module.exports.Task.extend.init (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/models/builder.js:89:10)
    at new Class (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/core-object/core-object.js:18:12)
    at Class.module.exports.Task.extend.run (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/tasks/build-watch.js:17:16)
    at /Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/angular-cli/lib/commands/build.js:32:24
    at lib$rsvp$$internal$$tryCatch (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:331:11
    at lib$rsvp$asap$$flush (/Users/alex/Sites/sitesforchurch/angular-bbc/node_modules/rsvp/dist/rsvp.js:1198:9)

Related Issues:

286

angular cli Issue: Cannot read property 'thisCompilation' of undefined

Here is the answer from issues #9793 : npm remove webpack npm install webpack@3.11.0 ...

255

angular cli Error | Could not find plugin "proposal-numeric-separator" | Generating ES5 bundles for differential loading

Try to install @babel/compat-data: ~7.8.0 to devDependencies This is the only workaround which helpe...

236

angular cli Using invalid environment causes error in build (was "ERROR in Cannot read property 'length' of undefined")

Probably not the same cause but we had the same error (Cannot read property 'length' of undefined) w...

232

angular cli ng serve method ip not open in another machines

The solution is simple Just bind to the correct interface address via ng serve --host=0.0.0.0 ...

226

angular cli Incorrect JS paths when ng build -prod is deployed in a subfolder

When you're deploying to non-root path within a domain you'll need to manually update the <base href...

218

angular cli Installation error: permission denied for node-sas

sudo npm install -g --unsafe-perm --verbose @angular/cli Installation error (node-sass) with: node v...

208

angular cli ng build -prod Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'

Instead of use ng build --prod use ng build --env=prod UPDATE As many of us (thx) have mention this ...

173

angular cli Property 'controls' does not exist on type 'AbstractControl'.

Got it! Looked at the docs - FormArray The FormArray class contains the controls property ...

167

angular cli [Bug] cli needs to be reloaded when a lazy loaded module is added in routes (FIXED)

I recomended change { path: 'user-panel' loadChildren: './user-panel/user-panel.module#UserPanelModu...

162

angular cli AOT build fails

I noticed same problem and after npm i enhanced-resolve@3.3.0 I can build with AOT ...

161

angular cli Cannot find name 'require'. using relative paths...

Ahhh here we go try adding declare var require: any; To src/typings.d.ts I am using a config with re...

146

angular cli "No NgModule metadata found for 'AppModule'" after Upgrade to Angular 5.1.0 and AngularCli 1.6.0

I got the same error The issue is fixed only when i manually re installed angular/cli The webpack sh...

141

angular cli ng serve doesn't listen other than localhost

Works with command ng serve --host 0.0.0.0 OS? Windows 7 8 or 10 Linux (which distribution) Mac OSX ...

125

angular cli ng: command not found

Removing NODE and using NVM instead fixed a lot of issues After installing angular-cli with the help...

125

angular cli ng build fails with error Cannot find module 'webpack/lib/node/NodeTemplatePlugin' after updating to v1.3.0

I faced this issue many times recently and always the fix worked for me is : Bug Report or Feature R...

124

angular cli -bash: ng: command not found

This was a pain to figure out Please provide us with the following information: OS? Mac OSX (Seirra)...

124

angular cli Uncaught TypeError: Cannot read property 'apply' of undefined on new install

Downgraded to zone.js@0.8.5 and the problem disappeared. Bug Report or Feature Request (mark with an...

122

angular cli I am on Angular 5 and CLI 1.5 and I get an error

I faced this error after updating a non-CLI project to Angular 5 and @ngtools/webpack 1.8.0 ...

114

angular cli Error in multi styles

Paths in angular-cli.json are relative to the project root (src/ normally) For instance you have the...

107

angular cli Error loading npm linked custom library with aot

It seems like this is a issue caused by Typescript and not by Angular CLI Typescript has problems re...

angular cli Cannot find module '@angular/compiler-cli' when running ng serve

Remove angular-cli from your package.json and replace it with @angular/cli $ npm uninstall angular-c...

angular cli patterns.map is not a function

I have same issue Finally It looks like caused by a scheme changing The item assets now is an array ...

angular cli ng test ends with "Executed 0 of 0 ERROR"

#2125 see @jtsom 's answer: In the karma.conf.js file add: mime: { 'text/x-typescript': ['ts','tsx']...

angular cli Error while installing @angular/cli on AWS Ubuntu 16.04 server

This seems to be a problem with installing https://github.com/sass/node-sass which is one of the dep...

angular cli Existing App does not get Service Worker capabilities

I also had this issue the culprit seams to be angularFire2 I worked around it by registering the ser...

angular cli -Webkit-Line-Clamp Not Working in Angular 6

@briantq can you try this? I took it from here I'm submitting a.. Current behavior In Angular 5 ...

angular cli error TS2554: Expected 2 arguments, but got 1 in v8

Before: @ViewChild('foo') foo: ElementRef; After: // query results available in ngOnInit @ViewChild(...

angular cli SCSS "Module not found: Error: Can't resolve" for @font-face url with relative path

Searched around and apparently this is just how sass loader works: sass/sass#1015 There's a suggesti...

angular cli Lazy loading module broken with " No module factory available for dependency type: ContextElementDependency"

fixed : npm uninstall --save-dev webpack sudo rm -R node_modules npm install i think its not lazy lo...

angular cli Angular-cli 6 and base-href no longer supported?

hi thanks for you hint Versions Repro steps change index.html e.g ...

angular cli An unhandled exception while Generating ES5 bundles

I was able to fix my build by for the moment changing the tsconfig.app.json target from es2015 back ...

angular cli Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'

npm install enhanced-resolve@3.3.0 Did the trick for me Bug Report or Feature Request (mark with an ...

angular cli Angular 5: NPM Link - model/index.ts is not part of the compilation.

Hey all this is a side effect of the stricter tsconfig as described in https://blog.angular.io/versi...

angular cli vendor.bundle.js size is around 10 MB

What command did you run to get these results? ng build by itself does not have any optimizations ...

angular cli How to run jasmine tests without browser ?

Here is how I did it Then I modified the plugins property of the karma.conf.js file adding the Phant...

angular cli Error: dryRunSink.commit(...).ignoreElements(...).concat is not a function

Following this worked - Just Upgraded to Angular CLI: 1.6.4 each time I run ng new I get this error ...

angular cli ProgressPlugin breaks with webpack 4.25.* due to incorrect option colors

Can be fixed temporarily by adding this line to package.json then npm install ...

angular cli Bootstrap styles not loading

I think it is because of the problem with bootstrap try this: Step 1 Hi ...

angular cli Repository is not clean after cli/core update

FYI there is an allow-dirty flag to bypass the repo check. 🐞 Bug report Command (mark with an x) Is...

angular cli ng add @angular/pwa doesn't work correctly in angular-cli 6.2.5 (Maximum call stack size exceeded)

Currently you will need to execute ng add @angular/pwa@v6-lts to ensure the version compatible with ...

angular cli Cannot find module '@angular/tsc-wrapped/src/tsc'

@iaashish i was facing issue - tried following and it worked reinstalled npm to latest version npm u...

angular cli --build-optimizer errors "Cannot read property 'type' of undefined"

I had a similar problem and solved it by replacing import { Observable } from 'rxjs/Rx'; with import...

angular cli ng update did not change my import statements

A workaround for now is to run the following commands after you are already on Angular and CLI versi...

angular cli Can't install angular-cli globally

Try to clean cache npm cache clean uninstall angular-cli npm uninstall -g angular-cli & install agai...

angular cli Error: Module not found: Error: Can't resolve 'fs'

You can fix it just add to the package.json Bug Report or Feature Request (mark with an x) Versions ...

angular cli tsconfig paths and module resolution errors in VS Code

@mehs2690 can you type environment in editor ( don't add import statement yet ) and then press Ctrl ...

angular cli Error on update to Webpack 4.0.1

@DanPride I had the same issue made the same mistake of upgrading webpack independently ...

angular cli Creating new component shows error:TypeError: core_1.PriorityQueue is not a constructor

I had the same issue and solved it by adding devkit-core in version 0.0.29 to my devDependencies or ...

angular cli ng-serve is not working - Could not find module "@angular-devkit/build-angular"

@DineshChopra i've finally made this npm install @angular-devkit/build-angular and it worked I'm won...

angular cli Allowing different HOST headers to be used in ng serve

@ryanper in that example you have the same IP address used for --host and --public-host? If that's t...

Solvedangular cli ng serve -prod fails (beta 5)

✔️Accepted Answer

Other Answers:

Related Issues: