打包上线后，项目显示异常

[yuanzengding-1234]

Vue version

3.5.19

Link to minimal reproduction

--

Steps to reproduce

What is expected?

项目正常访问

What is actually happening?

控制台报错

System Info

Any additional comments?

No response

[edison1105]

请提供一个复现？

[LiuJinYang9527]

复现步骤:

1. 使用vue-cli 创建Vue3项目，选择 Default ([Vue 3] babel, eslint)预设
2. 将package.json中的vue版本改为3.5.19
3. 运行npm run build 后通过pnpm dlx serve -s 命令访问dist产物 即可复现。

解决方案：

修改vue.config.js,添加__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 变量声明， 如下

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: (config) => {
    config.plugin('define').tap((definitions) => {
      Object.assign(definitions[0], {
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
      })
      return definitions
    })
  }
})

@edison1105

[yuanzengding-1234]

aaa.zip这是我产生的最小包 build之后直接preview就能复现 这是个vite工程

[edison1105]

@LiuJinYang9527 你先将版本锁定到 3.5.18 吧。

https://github.com/vuejs/core/pull/13777/files
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 是 v3.5.19 刚加的。

[LiuJinYang9527]

@LiuJinYang9527 你先将版本锁定到 3.5.18 吧。

好的。vuejs/vue-cli#7443
我看了下是vue-cli 并没有声明__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 的默认值，并且这个pr也没有被合并。

[edison1105]

@yuanzengding-1234
你这个复现连 package.json 都没有，压根跑不起来啊。

[yuanzengding-1234]

@yuanzengding-1234 你这个复现连 package.json 都没有，压根跑不起来啊。

额，不好意思，第一次提bug 没有经验

但是我看下载下来的压缩包是有package的

[yuanzengding-1234]

@yuanzengding-1234 你这个复现连 package.json 都没有，压根跑不起来啊。

额，不好意思，第一次提bug 没有经验

但是我看[下载](https://github.com/user-attachments/files/21913261/aaa.zip)下来的压缩包是有package的

那我单独发一下package的文件

package.json

[edison1105]

@yuanzengding-1234 你先试试能不能跑起来。

[edison1105]

@yuanzengding-1234 你升级一下 @vitejs/plugin-vue 到最新版本，试试能不能解决。

[yuanzengding-1234]

@yuanzengding-1234 你先试试能不能跑起来。

不好意思，因为是我们整个项目简化的，所以没能跑起来，不好意思
请忽略我这个包

[yuanzengding-1234]

@yuanzengding-1234 你升级一下 @vitejs/plugin-vue 到最新版本，试试能不能解决。

刚刚试了一下，@vitejs/plugin-vue升级到6.0.1是可以跑起来的

[edison1105]

@yuanzengding-1234 你用的 @vitejs/plugin-vue 的版本太旧了，没有为__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 提供默认值。

[yuanzengding-1234]

@yuanzengding-1234 你用的 @vitejs/plugin-vue 的版本太旧了，没有为__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 提供默认值。

好的谢谢