更新项目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需要匹配

相关推荐
zhanshuo1 分钟前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang2 分钟前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务
讨厌吃蛋黄酥3 分钟前
智能前端新纪元:语音交互技术与安全实践全解析
javascript
khalil4 分钟前
基于 Vue3实现一款简历生成工具
前端·vue.js
拾光拾趣录11 分钟前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户81221993672211 分钟前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端
万少16 分钟前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
1234Wu31 分钟前
React Native 接入 eCharts
javascript·react native·react.js
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者3 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle