vue項目使用element-ui的Tooltip 無效

我之前要使用vue開發一個項目，使用到了element-UI的Tooltip 組件

<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
      <el-button>上左</el-button>
</el-tooltip>

通過按鈕hover的時候本應該顯示文字提示，但是並沒有提示

 

分析原因：發現是webpack打包使用到的插件受到的影響：鏈接文章

 

解決辦法：在vue文件中單獨引入文件，單獨注冊組件即可

import { Vue } from 'vue';
import { Popover } from 'element-ui';
Vue.use(Popover);