使用nuxt框架+ element + vue3 出现该问题 解决方案
该问题其实是由于在开发阶段本地服务器的代码与浏览器的代码不一致导致的问题，可以执行一次build命令，可以解决该问题，实际到部署之后并未复现该问题。
-
vue.config.js中文章来源：https://www.toymoban.com/news/detail-560255.html
module.exports = {
chainWebpack: webpackConfig => {
webpackConfig.module.rule('vue').uses.delete('cache-loader')
webpackConfig.module.rule('js').uses.delete('cache-loader')
webpackConfig.module.rule('ts').uses.delete('cache-loader')
}
}-
app.vue中文章来源地址https://www.toymoban.com/news/detail-560255.html
<template>
<div>
<router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component" />
</keep-alive>
</router-view>
</div>
</template>到了这里，关于Vue.js 3 ssr 中报错Hydration node mismatch: - Client vnode: div - Server rendered DOM:已解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
