更新项目vue版本--入门篇

今天想用下ElementPlus的Form表单,结果给我 Extraneous non-props attributes (ref_key) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. 这样一个警告

出现这个警告跟vue版本有关,于是决定升级vue,执行npm update vue

之前的警告没了。又出现 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-shaki 的问题

在vite.config.js文件中修改如下

export default defineConfig({

plugins: [vue()],

define: {

// enable hydration mismatch details in production build

VUE_PROD_HYDRATION_MISMATCH_DETAILS: 'true'

}

})

没有出现新的问题了。不过我查看package.json文件,vue和vite的版本没有更新。

查看vue版本

npm list vue

npm list vue version

npm info vue (详细查看vue版本号)

npm view vue version(简单查看vue版本号)

通过以上命令查看vue版本都显示了更新后的版本,项目运行又没有出错,估计是package.json不会自动更新

安装 npm install npm-check-updates -g

‌**npm-check-updates是一款实用工具,专门用于更新项目中的package.json文件依赖至最新版本。**‌

安装过后执行2步,1.ncu(检查最新版本),2.ncu -u(更新到最新版本),然后查看package.json,已更新到最新版本

注意不能单更新vite,vite和vue需要匹配

相关推荐
JarvanMo7 分钟前
不要在 SwiftUI 中使用 .onAppear() 进行异步(Async)工作——这就是它导致你的 App 出现 Bug 的原因。
前端
Moment9 分钟前
Next.js 16 新特性:如何启用 MCP 与 AI 助手协作 🤖🤖🤖
前端·javascript·node.js
吃饺子不吃馅10 分钟前
Canvas高性能Table架构深度解析
前端·javascript·canvas
一枚前端小能手15 分钟前
🔄 重学Vue之生命周期 - 从源码层面解析到实战应用的完整指南
前端·javascript·vue.js
JarvanMo17 分钟前
Flutter:借助 jnigen通过原生互操作(Native Interop)使用 Android Intent。、
前端
开开心心就好24 分钟前
Word转PDF工具,免费生成图片型文档
前端·网络·笔记·pdf·word·powerpoint·excel
一枚前端小能手25 分钟前
「周更第9期」实用JS库推荐:mitt - 极致轻量的事件发射器深度解析
前端·javascript
Moment27 分钟前
为什么 Electron 项目推荐使用 Monorepo 架构 🚀🚀🚀
前端·javascript·github
掘金安东尼32 分钟前
🧭前端周刊第437期(2025年10月20日–10月26日)
前端·javascript·github
浩男孩37 分钟前
🍀【总结】使用 TS 封装几条开发过程中常使用的工具函数
前端