更新组件的HTML后，Angular CDK拖放将不起作用

Question

我有一个全新的Angular 8系统。有一个 Module 和一个 Component ：

ng new my-app --enable-ivy
npm install --save @angular/material @angular/cdk @angular/animations
npm install --save hammerjs

在模块中，我要添加：

import { DragDropModule } from '@angular/cdk/drag-drop';

还有：

@NgModule({
  imports: [
    DragDropModule
  ]
})

在组件的 HTML中，我添加了以下内容：

<div cdkDrag>
  Drag me around!
</div>

现在，我使用以下方式为网站提供服务：

ng serve --port 4300

瞧，我可以拖拉物品。

---

但是，当我更新任何 Component的 HTML并刷新页面时，就无法再拖动该元素。例如，将显示文本更改。但是拖动功能消失了。

当我在CLI上重新启动服务器时，它将再次起作用，直到我审核标记为止。

仅当HTML发生更改时，当我更改 Component的 TypeScript文件时，不会发生这种情况。

出什么问题了？

Answer 1

这是Angular 8.0的问题。更新到Angular 8.2和相应的Angular Material CDK软件包即可解决此问题。