使用Asp.net核心在Angular中添加新组件后,代码未发布

时间:2018-07-24 11:00:59

标签: c# asp.net angular publish

我是新手。我在Angular中使用asp.net core。我认为它与asp.net核心无关,而只是告诉大家我正在使用angular的框架。

如果我只是用angular添加一个asp.net core的新项目并发布它。它正在成功发布。当我向src中添加新组件时。不。我不确定我缺少什么:处理我正在关注的新组件:

  1. app
  2. 下添加新文件夹
  3. 添加类型脚本文件和html文件。

类型脚本文件代码为:

import { Component, Inject } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Time } from '@angular/common';
@Component({
  selector: 'app-ram',
  templateUrl: './ram.component.html',
  template: `<div>
<p>Cached date {{datetimes.dateFormatted}}</p>
<p>Today is {{datetimes.today | date}}</p>
<p>Or if you prefer, {{datetimes.today | date:'fullDate'}}</p>
<p>The time is {{datetimes.today | date:'jmZ'}}</p>
<p>Finally the date and time is {{datetimes.today | date:'short'}}</p>
 </div>`
})
export class ramComponent {
  public datetimes: datttimeEntity;
  constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {
http.get<datttimeEntity>(baseUrl + 'api/SampleData/DatetimeCache').subscribe(result => {
  this.datetimes = result;
}, error => console.error(error));
  }
}
interface datttimeEntity {
  dateFormatted: Time;
  today: Time;
}

HTML页面代码是:

  <h1>testttt</h1>
  {{ datetimes.dateFormatted }}
  <br />
{{datetimes.today}}

从API我只返回两个日期。它可以在调试模式下完美运行。当我尝试发布代码时,出现错误,出现以下错误:

**严重性代码描述项目文件行抑制状态 错误TS1219(TS)对装饰器的实验支持是一项功能,在将来的版本中可能会更改。设置“ experimentalDecorators”选项以删除此警告。 Hallis.WEB G:\ test \ test \ test \ ClientApp \ src \ app \ ram \ ram.component.ts 17有效 **

和**严重级别代码描述项目文件行抑制状态 错误命令“ npm run build---prod”以代码1退出。Hallis.WEB G:\ Projects \ test \ test \ test \ test.test.csproj 56
** 请帮我哪里我做错了。

0 个答案:

没有答案