错误:Vue中执行npm run serve 时,执行到一半不动了。
原因是:在Vue组件中,template标签下只能有一个子标签元素,如果有多个子标签元素,就只会执行到一半,剩下一半就不会执行。
如果写成如下代码,就会出现上述问题。
<template>
<div id="container"></div>
<div id="cesiumContainer"></div>
<div id="toolbar"></div>
</template>
要想成功运行,要将上述代码改成如下代码,则就不会出现上述现象:
<template>
<div id="container">
<div id="cesiumContainer"></div>
<div id="toolbar"></div>
</div>
</template>
其原因就是因为在Vue组件中,template标签下只能有一个子标签元素,否则在执行npm run serve时,只会执行到51左右%,剩下的49%将停滞不前。