vue2升级到2.7.16最新版在webpack项目里一：插件升级 1：webpack 5.89.0 2：webpack

一：插件升级 1：webpack 5.89.0 2：webpack-cli 5.1.4 3:webpack-dev-server 4.15.1 4:vue-loader 15.11.1 5:vue-template-compiler 2.7.16 6:vue 2.7.16 7:element-ui 2.15.14

二：执行后报错提示全屏提示修改webpack配置devServer的client overlay置为false

devServer：{
client：{
overlay：false
}，
}

三：element-ui升到最高版本table表格显示空白，其他的组件没有问题 1：找了好久没有发限原因，在github上找到解决方法github.com/ElemeFE/ele…

2：webpack配置修改

resolve: {
    alias: {
        vue$: "vue/dist/vue.esm.js",
          },        
    },

四：可以在vue里使用setup的方式写代码

<template>
  <div class="home">{{msg}}----{{state.a}}</div>
</template>

<script setup lang=ts>
import Vue,{ref,reactive} from "vue"
let msg=ref(123)
const state=reactive({
  a:12222222
})
console.log(msg,state);
</script>

<style>

</style>