vue-cli 项目中引入vux的loading组件报错

Question

我在vue-cli中引入vux

webpack.prod.conf中的配置是这样的（以前我记得是在webpack.base.conf.js中配置的，但是我现在发现用vue-cli创建出来的那个build下的目录结构有点不一样了，所以在webpack.prod.conf下配置了，但是可以使用的）
//引入vux
const vuxLoader = require('vux-loader')
const originalConfig = webpackConfig
module.exports = vuxLoader.merge(originalConfig, { plugins: ['vux-ui'] })
// module.exports = webpackConfig

然后就在项目中可以使用vux的一些组件，但是会有

这样的警告，但是我在使用那些Toast，Popup,XDialog这种类型的组件都没有问题，但是引用Loaing组件是会报错

loading组件调用的代码是如下

<loading v-show="loadingShow" :text="loadingWord"></loading>
    data(){
            return{
            loadingShow:false,
            loadingWord:' ',
            }
    }

Answer 1

是要手动配置vux？建议把vux官方文档好好看一下吧~里面也有手动配置的介绍。

Answer 2

官网有说过
import { Loading } from 'vux'
该组件支持以plugin形式调用：

import { LoadingPlugin } from 'vux'
Vue.use(LoadingPlugin)
Vue.use(vuxLoadingPlugin)

需要在app.js 入口文件中加入上面代码，然后在子页面引入loading，
因此与oast，Popup,XDialog 调用方式是不一样的，其他的事在子页面直接调用。