1.发现问题
搞了很久,页面也不报错,但是显示空白,
经过前端代码检查,发现component组件没有转换成相应的组件,
:is属性绑定的组件以及 :prop_data绑定的数据都没有问题,
2.解决方案
最后在页面上发现了如下告警
翻译得 : 组件提供了模板选项,但此版本的Vue不支持运行时编译。
1)解决方式 vite 构建的项目
alias: {
'vue': 'vue/dist/vue.esm-bundler.js'
}
2)vue-cli构建的项目构建的项目
module.exports = { runtimeCompiler: true }
3)或者转换为render()函数创建的组件
参考连接
https://blog.csdn.net/weixin_50587417/article/details/128040584