iview打包后部分组件会报错或无法显示，但打包前一切正常

Question

项目的UI库使用了iview，在npm run build前一切正常，但打包后会出现调用this.$Message报错，Modal,Slider,Checkbox等工具无法显示等问题，请问是出自什么原因呢
这是调用方法报错：

main.js:

import 'babel-polyfill'
import './assets/css/reset.styl'
import './assets/css/theme-default.styl'
import Vue from 'vue'
import Vuex from 'vuex'
import App from './App'
import {
  i18n
} from '@/locale'
import store from '@/store'
import router from './router'
import axios from '@/apis/http/axios.js'
import commonHttp from '@/apis/http/commonHttp'
import _P from '@/assets/js/public'
import HappyScroll from 'vue-happy-scroll'
import iView from 'iview';
import 'iview/dist/styles/iview.css';
import {Message,Spin,Page,Switch,Upload,Select,Slider,CheckboxGroup,Modal,Checkbox} from 'iview';

import 'vue-happy-scroll/docs/happy-scroll.css';

Vue.config.productionTip = false
Vue.use(Vuex)
Vue.use(_P)
Vue.use(HappyScroll)
Vue.use(iView)
Vue.prototype.axios = axios
Vue.prototype.commonHttp = commonHttp
Vue.prototype.$Message = Message
Vue.prototype.$Spin = Spin
Vue.prototype.$Page = Page
Vue.prototype.$Switch = Switch
Vue.prototype.$Upload = Upload
Vue.prototype.$Select = Select
Vue.prototype.$Slider = Slider
Vue.prototype.$CheckboxGroup = CheckboxGroup
Vue.prototype.$Modal = Modal
Vue.prototype.$Checkbox = Checkbox


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  i18n,
  store,
  template: '<App/>',
  components: {
    App
  }
})

vue组件里我就没有引入模块就直接调用了，直接npm run dev是正常运行显示的，我怀疑是插件冲突之类的问题，求解答

Answer 1

去掉以下代码，试试看。亲测可以。

// 这段代码本身就和 import iView from 'iview'; 有冲突的
// 并且像 Message， Spin 等，本身就支持挂载到 vue 实例对象上了，直接可以使用 this.$Message 
import {Message,Spin,Page,Switch,Upload,Select,Slider,CheckboxGroup,Modal,Checkbox} from 'iview';

Vue.prototype.$Message = Message
Vue.prototype.$Spin = Spin
Vue.prototype.$Page = Page
Vue.prototype.$Switch = Switch
Vue.prototype.$Upload = Upload
Vue.prototype.$Select = Select
Vue.prototype.$Slider = Slider
Vue.prototype.$CheckboxGroup = CheckboxGroup
Vue.prototype.$Modal = Modal
Vue.prototype.$Checkbox = Checkbox