小编Ken*_*Ken的帖子

我在VS Code中安装了Debugger for Chrome扩展0.2.0,但我似乎无法获得launch.json配置.我现在用的是琐碎的快速应用boilerplace 这里.我有--remote-debugging-port = 9222的chrome快捷方式.使用本机"类型":节点配置,一切正常.Express样板与节点./bin/www一起运行,并且在chrome:http:// localhost:3000中可见,用于上下文.我正在寻找一个"请求":启动条目就像样板"名称":"启动""类型":"节点"配置.也就是说,启动Chrome并显示网页,以便我可以设置客户端断点.

我对chrome的launch.json条目如下.

    {
        "name": "Launch localhost with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost",
        "webRoot": "./bin",
        "sourceMaps": true
    }       

我正在使用此处找到的出色的Express / Node / Typescript示例代码。它使用来自run.sh的以下命令来编译.ts代码：

./node_modules/.bin/tsc --sourcemap --module commonjs ./bin/www.ts

这按宣传的方式工作，但是我更喜欢使用tsconfig.json文件，tsc -p .但是，当我运行该命令时，我得到了很多TS2300: Duplicate identifier 'foo' errors时候tsc（错误？）尝试遍历./node_modulesand ./typings目录的信息。以下是我正在使用的tsconfig.json：

{
  "compilerOptions": {
    "target": "ES5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings"
  ]
}

有任何想法吗？我正在使用tsc 1.7.3 FWIW。

假设我有一个foo.ts和app.ts如下:

foo.ts:

 export interface Foo {
     id: number; 
     label: string;
 };

app.ts:

 import {Foo} from './foo'
 var myfoo: Foo = { "id": 1, "label": "One" };
 console.log(JSON.stringify(myfoo));

编译后,'node app.js'如果我"module"="commonjs"在my中使用,从命令行执行会按预期运行tsconfig.json.切入追逐,我想做的是使用我的Foo接口客户端与Angular 2,服务器端与节点.不方便的是,我在这里建模的Angular 2快速入门想要"module"="system"进入tsconfig.json.此配置在尝试运行时导致错误'node app.js':

System.register([], function(exports_1) {
^
ReferenceError: System is not defined`

我已经尝试按照github上的节点使用systemjs的说明,但此时我只是粘贴密钥并可以使用一些帮助.我如何(a)使用systemjs在服务器端运行我的app.ts代码,或者,(b)使用commonjs运行Angular 2快速入门？