nuxt.js

Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered

有些话、适合烂在心里 提交于 2019-11-27 15:14:07
问题 I am using Nuxt.js / Vuejs for mmy app, and I keep facing this error in different places: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render. I would like to understand what is the best way to debug this error? Is their a way I can record/get the virtual DOM tree for client and server

How to add a polyfill to nuxt 2.0?

天大地大妈咪最大 提交于 2019-11-26 16:25:27
问题 In Nuxt 1.4.2 , I had the following in my nuxt.config.js : build: { vendor: ['babel-polyfill'], babel: { presets: [ ['vue-app', { useBuiltIns: true, targets: { ie: 11, uglify: true }, }, ], ], }, }, It seems that all of this is broken in Nuxt 2.0 . At a minimum I'm looking to polyfill enough to get IE 11 working. Here's what I've tried: Using vendor as I used to Removing build.babel allowed the build process to work: build: { vendor: ['babel-polyfill'], }, But I think build.vendor is just