Angular 2嵌套组件

Question

当我开发Angularjs 2应用程序时，我收到以下错误。

第1步：我创建了一个新的组件

第2步：我已将此组件添加到app.module.ts

步骤3：向现有标记添加组件。

现在我收到以下错误

无法找出错误的原因。

以下是代码Repository

Answer 1

您的问题位于静态js文件中：

https://github.com/vmurali100/angular2_error/blob/master/dist/app.module.js#L20

运行npm start

后不会更改

使用以下内容将tsconfig.json添加到项目中：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "lib": [ "es2015", "dom" ],
    "outDir": "dist", // <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<  required
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules"
  ]
}

然后你应该能够更新你的静态js文件。 我不明白为什么they are in github repo。