关于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',
    }
  },
相关文章
相关标签/搜索