我在 nuxtjs 中使用 moment 函数时遇到问题

Question

最近在vue中使用js的moment函数。但这不起作用。也就是说，时刻没有定义。我在这里寻找解决方案，但其中任何一个都不适合我。我如何在nuxt中使用时刻？

<script>
import moment from "moment";
export default {
...
computed:{
    calendarWeekdays:function(){
        var n=moment.weekdays();
        return n.push(n.shift()),n;
    },
...

我得到的错误是：

ERROR in ./components/DatePicker.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./components/DatePicker.vue?vue&type=script&lang=js&)

我必须安装 moment npm 吗？

Answer 1

从您收到的错误消息来看，您可能会遇到一些设置问题。
请按照以下步骤操作：

• 安装力矩模块：

  yarn add --dev @nuxtjs/moment # or npm install --save-dev @nuxtjs/moment
  

• 编辑nuxt.config.js文件并在其中声明模块：

  export default {
    buildModules: [
      '@nuxtjs/moment'
    ]
  }
  

至此，就可以使用了：

<template>
  <div>
    {{ weekdays }}
  </div>
</template>

<script>
import moment from 'moment'

export default {
  data () {
    return {
      weekdays: moment.weekdays()
    }
  }
}
</script>

结果截图：