Nuxt中客戶端呈現的虛擬DOM樹與服務器呈現的內容不匹配

警告

在這裏插入圖片描述
翻譯:[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']
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章