Typoskript-Debugging in Visual Studio 2015 funktioniert nicht mehr mit Angular 2 2.0.0-rc.1

Question

Nach dem Upgrade auf Angular 2 rc1 Typoskript Debugging in Visual Studio 2015 funktioniert nicht mehr. Ich habe das Meta-Tag wie in früheren Versionen hinzugefügt, aber das führt dazu, dass alle anderen Arten von Problemen jetzt über 'require' undefined sind. Hat es jemand geschafft, das noch funktionieren zu lassen?

hier ist mein system.config.js

(function (global) { 

// map tells the System loader where to look for things 
var map = { 
    'app': 'app', // 'dist', 
    'rxjs': 'node_modules/rxjs', 
    '@angular': 'node_modules/@angular' 
}; 

// packages tells the System loader how to load when no filename 
// and/or no extension 
var packages = { 
    'app': { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs': { defaultExtension: 'js' }, 
}; 
var meta = { 
    '*.js': { scriptLoad: true } //this allows TS debugging in VS 
}; 

var packageNames = [ 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/core', 
    '@angular/http', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 
    '@angular/router', 
    '@angular/router-deprecated', 
    '@angular/testing', 
    '@angular/upgrade', 
]; 

// add package entries for angular packages in 
// the form '@angular/common': { main: 'index.js', 
// defaultExtension: 'js' } 
packageNames.forEach(function (pkgName) { 
    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
}); 

var config = { 
    meta: meta, 
    map: map, 
    packages: packages 
} 

// filterSystemConfig - index.html's chance to modify config before 
// we register it. 
if (global.filterSystemConfig) { global.filterSystemConfig(config); } 

System.config(config); 

})(this); 

Answer 1

Datei Eine Abhilfe ist cmd den folgenden Befehl für den Projektordner

>tsc 

zulaufen, aber stellen Sie sicher, zuerst musst du die Typoskript-Compiler installiert

$ npm install typescript-compiler 

Answer 2

Ich habe unsere angular2 Debuggen von VS2015 arbeiten wieder usin g Schluck. Hast du Gulp probiert? Die folgende Anweisung war hilfreich: http://www.codeproject.com/Articles/1087605/Angular-typescript-configuration-and-debugging-for.

Im Grunde, was ich tat, war:

• add schluck in package.json

     "devDependencies": {  
          "gulp": "^3.9.1", 
          ... 
         } 
  

• gulpfile.js in das Stammverzeichnis des Projekts hinzugefügt werden (siehe Codeproject Link für Inhalt)

• Meta Add beim Aufruf Sytem.config

  System.config({ 
      meta: { 
       '*.js': { 
        scriptLoad: true 
       } 
      }, 
      packages: { 
       app: { 
        format: 'register', 
        defaultExtension: 'js' 
       } 
      } 
  }); 
  

  • re-run "installieren npm"

  • die intstruction Folgen: „Rechtes Klicken gulpfile.js Maus und wählen Sie Task-Runner-Explorer. Rechte Maus moveToLibs klicken und wählen Sie Run“