在vue中使用loading组件，总是报$t is not defined的错？

Question

自己写一个小demo，引用vux的loading组件，但是浏览器总是报一个$t is not defined的问题：

下面是我的代码：

<template>
  <div class="container" id="list-container">
    <div class="list-group">
      <movie-item 
          v-for="movieObj in movieList"
          v-bind:movie="movieObj"></movie-item>
    </div>
    <loading :show="isShow"></loading>
  </div>
</template>

<script>
import { Loading } from 'vux'
export default {
  name:'index',
  components: {
    Loading 
  },
  data(){
    return {
      isShow:true,
      movieList:[]
    }
  },
  created:function(){
    var url = this.HOST + '/movie/in_theaters'
    this.$http.get(url).then(res => {
      this.movieList = res.data.subjects;
    },res => {
      console.info('调用失败');
    });
  }
}
</script>

错在哪里？求大神解答

Answer 1

vux在安装的时候是使用的国内镜像cnpm，导致某些依赖出现问题。将工程中的node_modules文件夹删掉，然后使用npm install命令重新安装依赖，问题得到解决

Answer 2

这是我的猜测：是不是没有在main.js中写这一句？

Vue.use(vux)

Answer 3

去改vux的loading目录下的index.vue,改成：
<p class="weui-toast__content">{{text}}<slot></slot></p>

Answer 4

@gustavobissolli is the i18n plugin installed before calling Vue.t? Calling Vue.use(VueI18n) makes Vue.t available. Could the Vuex store/state be loaded before the i18n plugin?

使用VueI18n碰到了同样的错误, 看了VueI18n的issues后，把Vue.use(i18n)放在new Vue()前就解决了