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);