警告
翻譯:[Vue warn]:客戶端呈現的虛擬DOM樹與服務器呈現的內容不匹配。這可能是由於不正確的HTML標記造成的,例如在<p>
中嵌套塊級元素,或者缺少<tbody>
配置
這是使用 element-ui 時沒有在 ssr 中使用導致,在 nuxt.config.js 中配置
css: [
'element-ui/lib/theme-chalk/index.css'
],
plugins: [
// ssr: Boolean (默認爲 true) 如果值爲 false,該文件只會在客戶端被打包引入
{ src: '@/plugins/element-ui.js', ssr: true }
],
build: {
// 添加模塊,配置只打包一次,減少應用bundle的體積
vendor: ['element-ui']
}