解決Vue3專案執行控制檯警告

執行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 https://link.vuejs.org/feature-flags.

這個警告是因為在 Vue3 的 main.js 檔案缺少對指定特性標誌的定義。表明你在使用 Vue 的開發版本，並且未定義所需的特性標誌。在生產環境中，為了獲得更好的樹搖最佳化，Vue 需要特定的特性標誌，以減小生成的生產包的大小。

解決方法：

在main.js檔案里加入以下程式碼即可

// 定義特性標誌
window.__VUE_PROD_DEVTOOLS__ = false;
window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;