最近在用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>
纠结一下午的问题终于解决啦! 七夕这天,虽然没过七夕,但是自己独立的解决了项目问题很是开心呀! 祝大家七夕快乐!
-- 在坚持一下,成功就在眼前