關於Element中Tooltip打包後失效問題

緣由:樓主用了webpack-dll的配置,發現打包後線上的tooltip控件不起做用;找了好多方法解決:vue

  1. 解決辦法:在vue文件中單獨引入文件,單獨註冊組件便可;無效
import { Vue } from 'vue';
import { Popover } from 'element-ui';
Vue.use(Popover);
  1. 刪除node_modules從新下載,由於有時候多是node_modules有衝突其餘的;無效
  2. 配置webpack.dll配置中的resolve配置項,最主要就是alias中的vue$問題,eleUI依賴vue.runtime.esm.js,可是你的項目依賴的是vue.esm.js,最終dll裏面有兩個vue,就致使tooltip的popper沒有初始化;Element-UI_Issues

解決方法,保持dll.config和base.config中alias的vue一致node

resolve: {
    alias: {
      vue$: 'vue/dist/vue.esm.js',
    }
  },
相關文章
相關標籤/搜索