npm run serve 卡住解决方案

问题描述：

在本地开发vue前端时，使用npm run serve运行vue项目，却运行到40%左右不动。删除node_modules依赖包目录，重新npm install，但还是未解决。

解决方案：

并不是依赖包的问题，而是代码的原因，在vue页面中，直接在<template>标签下引入其他代码，而不是在<div>下，错误代码如下：

<template>
  <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100">
       <div
         style="{
           height: 100%;
           width: 100%;
           background-color: #f2f5f6;
           box-shadow: 0 0 6px rgba(0,0,0, .12);
           text-align: center;
           line-height: 40px;
           color: #1989fa;
         }"
       >
         UP
       </div>
  </el-backtop>
</template>

正确代码：

<template>
   <div>
     <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100">
       <div
         style="{
           height: 100%;
           width: 100%;
           background-color: #f2f5f6;
           box-shadow: 0 0 6px rgba(0,0,0, .12);
           text-align: center;
           line-height: 40px;
           color: #1989fa;
         }"
       >
         UP
       </div>
    </el-backtop>
  </div>
</template>