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

 事情是這樣的，最近在網頁上一直出現這種錯誤：

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

只好來研究一下該如何解決，順帶一提，我是使用 Nuxt.js

錯誤訊息如下

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.

後來找一找發現我碰到的問題跟這個人很類似

https://stackoverflow.com/questions/47862591/vuejs-error-the-client-side-rendered-virtual-dom-tree-is-not-matching-server-re

For me this error happened cuz get Array list in AsyncData and rendered <tr> tags by v-for, i put v-for codes in <client-only> blocks and problem solved

我試著把 v-for 包進去 <client-only> 裡面也確實獲得解決，如果有更好的解法再麻煩告知了，這是我遇到問題以及解決的方法做個紀錄。

繼續閱讀 >

[mongo]couldn’t connect to server 12...錯誤訊息解決方法

Error: couldn’t connect to server 127.0.0.1:27017 src/mongo/shell/mongo.js: exception: connect failed,mongo,error

這個問題可以通過下面4個步驟來解決

1) 刪除 .lock 檔案

$ sudo rm /var/lib/mongodb/mongod.lock 

2) 修復 mongodb

$ mongod –repair

3) 啟動 mongodb

sudo start mongodb

4) 檢查 mongodb 狀態

sudo service mongodb status 

(or)

sudo status mongodb

5) 啟動 mongo client

$ mongo

欲了解更多詳細信息 http://shakthydoss.com/error-couldnt-connect-to-server-127-0-0-127017-srcmongoshellmongo-js-exception-connect-failed/

繼續閱讀 >

[mongo]couldn’t connect to server 12...錯誤訊息解決方法

Error: couldn’t connect to server 127.0.0.1:27017 src/mongo/shell/mongo.js: exception: connect failed,mongo,error

這個問題可以通過下面4個步驟來解決

繼續閱讀 >