debugging - 如何修复 NuxtJs 控制台错误

Question

Q1：为什么You are running Vue in development mode.会在控制台出现两次？

找到了一种摆脱此消息的方法，执行以下操作，但现在它被打印了 1 次。

在 nuxt.config.js

vue: {
  config: {
    productionTip: false,
    devtools: true
  }
}

Q2：什么是Mismatching childNodes vs. VNodes？请指导我，如何调试/修复此问题？

我在项目中到处搜索这个元素，它是某种缓存吗？

标签： debuggingnuxt.js

Answer 1

第一个可能是因为您有 SSR + 客户端发送消息（可以尝试只有一个 SPA 用于测试目的）或者是因为您没有console.log在“检测到的 Vue 消息”部分的 vue devtools 设置中关闭。

然后第二个是因为您的服务器标记与您的客户端标记不匹配，可能是因为您确实有一些客户端代码正在更改服务器上生成的标记而没有任何信息（使用类似的东西client-only）。

更多信息：https ://blog.lichter.io/posts/vue-hydration-error/