nuxt project. After refreshing the page, an error Error while initializing app DOMException: Failed to execute "appendChild" on" Node": This node type does not support this method. is reported. Is there any good solution?
nuxt project. After refreshing the page, an error Error while initializing app DOMException: Failed to execute "appendChild" on" Node": This node type does not support this method. is reported. Is there any good solution?
I just came across that in a development environment, logs usually have , or missing < tbody >. Bailing hydration and performing full client-side render. warning: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
but it does not affect usage, and this warning is usually reported only when the current page is refreshed. But once build is published online, there will be DOMException: Failed to execute 'appendChild' on' Node': This node type does not support this method
problems.
my solution is to directly wrap a < client-only >
tag on the code suspected to have a The client-side rendered virtual DOM tree is not matching server-rendered content
problem, and directly do not let the background render this part of the code to solve this problem
assign values to objects in created, and put them in mounted
encounter problems + 1
look up a lot, saying that v-if is replaced by v-if, but I try and do not use
I also encounter this problem. I use nuxt+bootstrapvue
to deploy to the post-production page refresh to report this error, which is a problem of server rendering. Locate the component that went wrong, and use < no-ssr > < / no-ssr >
to include the code that went wrong.
this page has a solution nuxt appendChild error
the packaged scripts are generated dynamically by nuxt. How to mark a global variable so that your business code can tell which command it is? (for example, the interface domain names of different commands are different) ...
because vue version 2.5 or above is required to use element-ui, this error is reported after updating the vue, refresh page separately. I really don t understand. links on the diagram ...
when users are not logged in, they enter the login page by default, while the login page has a "about us " button. Click to enter the page about us. Click on this.$router.,. Now the problem is to enter the page about us from the login page, refresh and ...
look again at the nuxt document, which does not understand these three attributes. Is set to isClient for client-side rendering? module.exports = { build: { extend (config, { isClient }) { if (isClient) { config.devto...
I have already set it in nuxt.config.js. Why not? module.exports = { ... router:{ mode: history }, ... } routing remains the same http: localhost:3000 -sharp I don t want the last -sharp thing ...
error report: Error while initializing app DOMException: Failed to execute appendChild on Node : This node type does not support this method. when jumping back to any current page from single sign-on. This error is displayed. I don t kn...
after the original vue project has been modified by Nuxt.js, there are some problems. when the first screen is loaded, the list data is obtained in asyncData and can be quickly rendered through the server, but at this time, the page is inoperable, and ...
< H1 > use styleResources in nuxt.config.js to introduce public scss file, variable error < H1 > error in . layouts default.vue?vue&type=style&index=0&id=314f53c6&lang=scss&scoped=true& Module build failed (from . node_module...
as the title header footer layout layout ``` <div> <SideBar>< SideBar> <Header>< Header> <nuxt > <Footer>< Footer> < div> ``` but the logic of the hearder and footer components n...
A requirement of our company is to set different subdomains for different modules. For example, the home page for renting is rent.test.com, and the home page for buying a house is sale.test.com, but for a nuxt project, the root path can only correspon...
inside the asyncData method of the nuxt.js framework let [ FindInstitutionsDetailed, EnterpriseHot, ] = await Promise.all([ P.FindInstitutionsDetailed({ id :context.route.query.id+ }), P.Ent...
nuxt + iview server rendering Why can t all click events be triggered in IE browsers? only the a tag can jump normally * and the data of the child component cannot be populated all the js is not running. click hover rotation chart setting l...
problem description dynamic nesting routing of nuxt.js does not refresh data 127.0.0.1 cate 2 switching to 127.0.0.1 tag 21 will re-render (cate and tag are dynamic routes) but 127.0.0.1 cate 2 switching to 127.0.0.1 cate 21 routing change page wil...
add Weibo components to the loop: <div class="itemlist" v-for= itemw in weiboList > <div class="titleDiv"> <div class="textArt" :class="{ textActive :!item...
urlmetaid,:https: open.weibo.com widget... ...