问题复现:在本地项目打包时出现此问题,初步排查应该是CSS样式问题,查看一遍自己更新的样式代码有出现和之前不一样的地方,看到一处新增样式有异于其他代码:
该段代码页面也能正常执行,但打包时报错,问题根源所在就是::v-deep使用,
该版本模板 vue-admin-template@4.4.0 build:prod script打包不支持::v-deep(样式名){样式} 的格式,只需改成 ::v-deep{ 样式名:样式 } 即可,代码如下:
::v-deep {
. el-form-item__label {
font-size: 16px;
}
.el-card[data-v-250a8e7d] {
--el-card-padding: 0;
}
}