关于Element中Tooltip打包后失效问题
原因:楼主用了webpack-dll的配置,发现打包后线上的tooltip控件不起作用;找了好多方法解决:
- 解决办法:在vue文件中单独引入文件,单独注册组件即可;无效
import { Vue } from 'vue'; import { Popover } from 'element-ui'; Vue.use(Popover);
- 删除node_modules重新下载,因为有时候可能是node_modules有冲突其他的;无效;
- 配置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', } },