Visual Studio 2015中的打字稿调试不再适用于Angular 2 2.0.0-rc.1

时间:2016-05-04 15:56:44

标签: typescript visual-studio-2015 angular

升级到Angular 2后,在visual studio 2015中的rc1打字稿调试停止了工作。我在meta标签中添加了以前的版本,但这导致现在关于'require'的所有其他类型的问题都是未定义的。有没有人能够让这个工作呢?

这是我的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);

2 个答案:

答案 0 :(得分:0)

解决方法是在cmd中运行项目文件夹的以下命令

>tsc

但请确保首先安装了打字稿编译器

$ npm install typescript-compiler 

答案 1 :(得分:0)

我已经使用Gulp从VS2015再次进行了angular2调试。你试过Gulp吗?以下说明很有帮助: http://www.codeproject.com/Articles/1087605/Angular-typescript-configuration-and-debugging-for

基本上,我所做的是:

  • 将gulp添加到package.json

                 "devDependencies": {    
                      "gulp": "^3.9.1",
                       ...
                  }
    
  • 将gulpfile.js添加到项目的根目录中(有关内容,请参阅上面的codeProject链接)

  • 在调用Sytem.config

    时添加meta
       System.config({
        meta: {
            '*.js': {
                scriptLoad: true
            }
        },
        packages: {
            app: {
                format: 'register',
                defaultExtension: 'js'
            }
        }
    });
    
    • 重新运行“npm install”

    • 按照说明进行操作:“右键单击gulpfile.js并选择Task Runner Explorer。右键单击moveToLibs并选择Run”