element-ui使用Tooltip 没有显示，无法正常使用

问题：我的vue项目种使用了element，但是在使用Tooltip时没有出现如图的提示（正常情况下使用后鼠标悬浮就会出现黑低白字的提示框），试了很多方法都不行，最后把element更新到最新版本，重新安装vue才成功

1.把element更新到最新版本

npm install element-ui@latest

2.重装vue

# 清除 npm 缓存
npm cache clean --force

# 删除 node_modules 目录
rm -rf node_modules

# 重新安装依赖
npm install

3.关闭项目，再次启动即可，下面的验证代码和运行后示例

        <el-tooltip content="Top center" placement="top">
          <el-button>Dark</el-button>
        </el-tooltip>
        <el-tooltip content="提示内容" placement="top">
          <button>鼠标悬停</button>
        </el-tooltip>

4.来自chatgpt的其他解决办法：