Can't build angular 4 project using systemjs

Question

I'm using Angular 4 with VS 2017 (ASP 5 Web Api) +systemjs. I'm trying to build Angular application for production,I've added 2 dependencies in package.json

"devDependencies": {
    .....
    "gulp": "3.9.1",
    "systemjs-builder": "0.16.11"
  }

I've created create gulpfile.js in asp project root folder

var gulp = require('gulp'),
  Builder = require('systemjs-builder');


gulp.task('bundle-angular-dependencies', function() {
  // optional constructor options
  // sets the baseURL and loads the configuration file
  var builder = new Builder('', 'systemjs.config.js');

  return builder
    .bundle('app/boot.js - [app/**/*.js]', 'path/to/put/angular.bundle.js', { minify: true})
    .then(function() {
      console.log('Build complete');
    })
    .catch(function(err) {
      console.log('Build error');
      console.log(err);
    });
});

then in root folder of project I've run :

gulp bundle-angular-dependencies

and got

Build error
Error: Unable to calculate canonical name to bundle file:///app/boot.js. Ensure that this module sits within the baseURL or a wildcard path config.
    at getCanonicalNamePlain (D:\myapp\node_modules\systemjs-builder\lib\utils.js:227:13)
    at getCanonicalName (D:\myapp\node_modules\systemjs-builder\lib\utils.js:150:19)
    at D:\myapp\node_modules\systemjs-builder\lib\arithmetic.js:171:38
    at <anonymous>
[18:50:43] Finished 'bundle-angular-dependencies' after 604 ms

thanks for any help

DeborahK · Accepted Answer · 2017-10-16 16:28:52Z

1

Why not use the new built-in Angular templates for Visual Studio 2017?

File | New | Project

Select the ASP.NET Core Web Application template

Then in the "New ASP.NET Core Web Application" dialog, select Angular.

answered Oct 16, 2017 at 16:28

DeborahK

60.9k12 gold badges115 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

mrapi Over a year ago

Hi Deborah,I'm not using ASP Core,I'm using ASP 5.I think that will not work.thanks

DeborahK Over a year ago

Have you seen this: hanselman.com/blog/… ASP.NET 5 is Asp.NET Core.

mrapi Over a year ago

I know.but my db provider not fully support Core now.thanks

Collectives™ on Stack Overflow

Can't build angular 4 project using systemjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related