在vscode打开的vue中npm run serve的时候一直卡住,删除node_modules重新加载,仍然卡住在60%,网上各种办法都未解决问题。
最后搞了一个下午。用sublime的compare side to side插件,检查有问题的vue页和上一次备份的vue页(幸好我有修改后定期备份另存的习惯),把两个页的代码做了比较,终于发现是vue页面的<template>标签那里有问题,原来是我某一次修改代码后不小心把某文字xxxx粘贴到了<template>之后:
<template> xxxx
.....
</template>
<template>那里没有写最外层标签,虽然不会报错提示信息,但是项目启动时,解析阶段会卡住。仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性,标签无法自闭合。所以内层必须放一个初始标签包裹内容。
要不是用sublime的比较代码插件,在这么多页面里寻找问题所在之处是麻烦的事,所以每次修改时认真检查代码是关键。