Skip to content

ng build -prod fails with angular2-material #628

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ghost opened this issue Jun 4, 2016 · 3 comments
Closed

ng build -prod fails with angular2-material #628

ghost opened this issue Jun 4, 2016 · 3 comments

Comments

@ghost
Copy link

ghost commented Jun 4, 2016

angular/angular-cli#1002

ng version:
angular-cli: 1.0.0-beta.5
node: 5.10.1
os: win32 x64

angular 2.0.0-rc.1
angular2-material 2.0.0-alpha.4


angular-cli-build.js

/* global require, module */

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {

    vendorNpmFiles: [
      'systemjs/dist/system-polyfills.js',
      'systemjs/dist/system.src.js',
      'zone.js/dist/**/*.+(js|js.map)',
      'es6-shim/es6-shim.js',
      'reflect-metadata/**/*.+(js|js.map)',
      'rxjs/**/*.+(js|js.map)',
      '@angular/**/*.+(js|js.map)',
      '@angular2-material/**/*.+(js|js.map)',
      'ng2-cookies/**/*.+(js|js.map)',
      'ng2-resource-rest/*.+(js|js.map)',
      // 'jquery/dist/*.+(js|js.map)',
      // 'tether/dist/**/*.+(js|js.map|css|css.map)',
      // 'bootstrap/**/*.+(js|js.map|css|css.map)',

    ]
  });
};

package.json


{
  "name": "code",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng server",
    "postinstall": "typings install",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.0.0-rc.1",
    "@angular/compiler": "2.0.0-rc.1",
    "@angular/core": "2.0.0-rc.1",
    "@angular/http": "2.0.0-rc.1",
    "@angular/platform-browser": "2.0.0-rc.1",
    "@angular/platform-browser-dynamic": "2.0.0-rc.1",
    "@angular/router": "2.0.0-rc.1",
    "@angular/router-deprecated": "2.0.0-rc.1",
    "@angular2-material/button": "^2.0.0-alpha.4",
    "@angular2-material/card": "^2.0.0-alpha.4",
    "@angular2-material/checkbox": "^2.0.0-alpha.4",
    "@angular2-material/core": "^2.0.0-alpha.4",
    "@angular2-material/grid-list": "^2.0.0-alpha.4-3",
    "@angular2-material/icon": "^2.0.0-alpha.4",
    "@angular2-material/input": "^2.0.0-alpha.4",
    "@angular2-material/list": "^2.0.0-alpha.4",
    "@angular2-material/progress-bar": "^2.0.0-alpha.4",
    "@angular2-material/progress-circle": "^2.0.0-alpha.4",
    "@angular2-material/radio": "^2.0.0-alpha.4",
    "@angular2-material/sidenav": "^2.0.0-alpha.4",
    "@angular2-material/toolbar": "^2.0.0-alpha.4",
    "bootstrap": "^4.0.0-alpha.2",
    "es6-shim": "^0.35.0",
    "jquery": "^2.2.4",
    "ng2-cookies": "^0.1.9",
    "ng2-resource-rest": "^0.3.1",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "tether": "^1.3.2",
    "zone.js": "^0.6.12"
  },
  "devDependencies": {
    "angular-cli": "^1.0.0-beta.5",
    "codelyzer": "0.0.19",
    "ember-cli-inject-live-reload": "^1.4.0",
    "jasmine-core": "^2.4.1",
    "jasmine-spec-reporter": "^2.4.0",
    "karma": "^0.13.15",
    "karma-chrome-launcher": "^0.2.3",
    "karma-jasmine": "^0.3.8",
    "protractor": "^3.3.0",
    "ts-node": "^0.5.5",
    "tslint": "^3.6.0",
    "typescript": "^1.8.10",
    "typings": "^0.8.1"
  }
}

i run ng serve, it ok

but when i run ng build -prod,i got an error:

D:\code>ng build -prod
Build failed.
The Broccoli Plugin: [BundlePlugin] failed with:
Error tracing app/code.component.js at file:///D:/code/tmp/bundle_plugin-input_base_path-Mcx9z1mU.tmp/0/app/code.component.js
        Loading app/index.js
        Loading main.js
        Error: Unable to calculate canonical name to bundle file:///vendor/@angular2-material/sidenav/sidenav. Ensure that this module sits within the baseURL or a wildcard path config.
    at getCanonicalNamePlain (D:\code\node_modules\systemjs-builder\lib\utils.js:220:13)
    at getCanonicalName (D:\code\node_modules\systemjs-builder\lib\utils.js:145:19)
    at D:\code\node_modules\systemjs-builder\lib\trace.js:471:36

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

could you help me?
thank you very much

@Hacklone
Copy link

Hacklone commented Jun 4, 2016

I'm experiencing the same issue.

@jelbourn
Copy link
Member

jelbourn commented Jun 6, 2016

Dupe of #541
(same underlying problem)

@jelbourn jelbourn closed this as completed Jun 6, 2016
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 4, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants