vue-cli3 创建项目 终端运行卡住的解决方案

最近在用vue-cli3创建项目并运行时候遇到了如下问题：无法执行出结果  也不报错

初步判定为电脑内存（8g）不足导致卡顿，在网上查询解决方案后

采纳博客：https://blog.csdn.net/qq673318522/article/details/50583831/

修改相应数据后，仍然不见解决。

总之，（vue-cli3创建项目）在该情况下当前没有报错提示。

由于听课视频老师是安装vue-cli2运行项目，我也采用降低版本方式（vue-cli3切换到vue-cli2），

采用vue-cli2终端运行后，系统提示

经检查，原来是我在调用组件时候   template中  忘记用div包裹，导致出错。

修改后，vue-cli2成功运行！vue-cli3也成功！

 

最后，以目前粗浅的认知总结一下（欢迎留言修正哦）：

1.在高版本遇到问题时候无法直接排查原因，建议尝试切换低版本，或者高低版本互换尝试找到具体问题，然后逐步攻克

2.vue中调用组件时  模板中的内容一定要用div包裹。否则vue-cli3检查不出报错结果直接在运行中卡顿

<template>

  <div>
    <h2>{{$store.state.counter}}</h2>
    <h2>{{$store.getters.powerCounter}}</h2>
  </div>

</template>

纠结一下午的问题终于解决啦！ 七夕这天，虽然没过七夕，但是自己独立的解决了项目问题很是开心呀！  祝大家七夕快乐！

                                                                                                           -- 在坚持一下，成功就在眼前