Vue.js 3 ssr 中报错Hydration node mismatch: - Client vnode: div - Server rendered DOM:已解决
使用nuxt框架+ element + vue3 出先该问题 解决方案。vue.config.js中。
·
使用nuxt框架+ element + vue3 出现该问题 解决方案
该问题其实是由于在开发阶段本地服务器的代码与浏览器的代码不一致导致的问题,可以执行一次build命令,可以解决该问题,实际到部署之后并未复现该问题。
-
vue.config.js中
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中
<template>
<div>
<router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component" />
</keep-alive>
</router-view>
</div>
</template>
更多推荐
已为社区贡献1条内容
所有评论(0)