Vue单文件组件卡住了webpack开发服务器

Question

我正在尝试加载以下单个文件组件：

我正在创建即时消息应用程序

这是一个很大的html文件

https://pastebin.com/cxPmFGQe

<div id="chats-component" class="web">
  <div id="app">
    <div class="_1FKgS app-wrapper-web bFqKf">
      <span>
        <div tabindex="-1" id="modal-contacts" style="display:none">
          <span class="_3rsak">
            <div data-animate-modal-backdrop="true" class="_3gUiM copyable-area" style="opacity: 1;">
              <div class="_2dA13">
                <div class="_1CnF3 _12a60" data-animate-modal-popup="true"
                  style="opacity: 1; transform: scaleX(1) scaleY(1);">

但是开发服务器控制台卡住了，并继续显示40％

我已经尝试过：

1. 创建其他Vue应用
2. 不加载大的style.css文件（因为它太大也可能导致问题）
3. 当我在vue-router上评论组件时，开发服务器编译器将正常运行。

会发生什么？

已编辑

当我评论加载到router / index.js中的组件时，则加载开发服务器是“正常”