问题描述:
在本地开发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>