Vue3 – 解决报错 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.You are r

前言

在 vue3 开发中，详解控制台报错警告：Feature flag VUE_PROD_HYDRATION_MISMATCH_DETAILS is not explicitly defined.You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle. For more details, see，非常恶心的报错，并且修改配置文件依旧无效，本文强力解决办法无论您 vue3 使用的是 vite / webpack / vue-cli 哪一种，都可以顺利解决。

如下图所示，只要报错差不多就能 100% 完美解决。

解决方案

按照下方教程及示例代码，轻松搞定此问题。