关于Element中Tooltip打包后失效问题

原因:楼主用了webpack-dll的配置,发现打包后线上的tooltip控件不起作用;找了好多方法解决:

  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一致

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

相关推荐