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.

不知道什么时候控制台就出现了一个黄色警告,刚开始没在意,觉得我代码写完应该就没了,结果一直在……有点点强迫症,就搜了一下解决办法[😁],但是那位博主加的有点多,我就加了几句也解决了,就没管其他的了。(啰嗦如我)

在vite.config.ts里面加这一段:

import { defineConfig } from "vite";

export default defineConfig({
  define: {
    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "true",
  },
});

OK,控制台干净了。 

参考博文:

https://blog.csdn.net/cg_ssh/article/details/135396904

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐