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

相关推荐
知识分享小能手31 分钟前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
demi_meng2 小时前
reactNative 遇到的问题记录
javascript·react native·react.js
MC丶科2 小时前
【SpringBoot 快速上手实战系列】5 分钟用 Spring Boot 搭建一个用户管理系统(含前后端分离)!新手也能一次跑通!
java·vue.js·spring boot·后端
千码君20162 小时前
React Native:从react的解构看编程众多语言中的解构
java·javascript·python·react native·react.js·解包·解构
lijun_xiao20094 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
90后的晨仔4 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
杰克尼4 小时前
JavaWeb_p165部门管理
java·开发语言·前端
EndingCoder4 小时前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
90后的晨仔4 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔5 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js