Question

当我在本地运行npm start运行我的Angular 2应用程序时，我遇到NPM lite服务器无法正确传送我的某些打字稿文件。

在我的模板中，我有一个工具栏：

<p-toolbar>
     <div class="ui-toolbar-group-left">
        <button pButton type="button" label="Delete" icon="fa-trash" (click)="menuButtonDeleteClicked()"></button>
      </div>
</p-toolbar>

我有一个代表一个网络搜索的Typescript类，其中包含一个标识符成员：

export class WebSearchDto {
    private id: number;
}

在属于上述模板的组件中，我想实现删除功能，如下所示：

 private menuButtonDeleteClicked(): void {
    var webSearchId: number = this.selectedWebSearch.getId();
}

正如所料，缺少函数getId()，因此我将其添加到网络搜索类中。

export class WebSearchDto {
    private id: number;
    public getId(): number {
        return this.id;
    }
}

保存文件后编译，但浏览器不刷新（认为浏览器同步会照顾），当我单击删除按钮时，我收到JS错误消息

this.selectedWebSearch.getId不是函数

当我查看Chrome网络控制台中的应用来源时，我发现包含网络搜索类的JS文件丢失了。相应的文件存在于文件系统中，我可以使用localhost：3000作为主机名在浏览器中访问它。

有什么想法没有反映出最新的变化吗？

NPM Lite Server错过了Angular 2应用程序的文件

0 个答案: