Impossible de créer un projet angulaire 4 à l'aide de systemjs

Question

J'utilise Angular 4 avec VS 2017 (ASP 5 Web Api) + systemjs. Je suis en train de construire l'application angulaire pour la production, j'ai ajouté 2 dépendances dans package.json

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

J'ai créé créer gulpfile.js dans le projet asp dossier racine

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); 
    }); 
}); 

puis dans le dossier racine du projet, j'ai couru:

gulp bundle-angular-dependencies 

et obtenu

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 

Merci pour toute aide

Answer 1

Pourquoi ne pas utiliser les nouveaux modèles intégrés angulaire pour Visual Studio 2017?

Fichier | Nouveau | Projet

Sélectionnez le modèle d'application Web ASP.NET de base

Puis, dans la boîte de dialogue "Nouveau ASP.NET Web Application de base", sélectionnez angulaire.