Html 使用webpack dev server运行站点时，模板标记会冻结浏览器

我们得到了Vue组件拆分accross index.ts、template.html和style.css。当使用webpack dev server运行站点并通过Chrome访问此组件时，浏览器会冻结。然而，如果我们用div标记替换模板标记，一切都会正常工作。我们使用的是webpack dev server v3.7.2

index.ts：

import Vue from "vue";
import axios from "../../../axios.js";
import Component from "vue-class-component";
require("./style.css")

@Component({
    name: "payment-type-card",
    template: require('./template.html')
})
export default class PaymentTypeCard extends Vue {
    ...
}

template.html：

<template>
  <div class="payment-type-card">
    ...
  </div>
</template>

模板标记不能用作组件根元素

---

您必须使用标准HTML元素

请提供链接好吗？我已经盯着自己好几个小时了，但没有找到任何与此相关的东西question@AntonMaiorov你可以在github上查看这个公开问题：@AntonMaiorov还有一个问题：