Nuxt.js 使用 vue-moment

Question

我正在使用 vue-moment，它运行良好，尽管我在控制台中遇到错误

[Vue warn]: Failed to resolve filter: moment

我在做什么：

plugins/moment.js

    import VueMoment from 'vue-moment'
    import Vue from 'vue'
    Vue.use(VueMoment)

nuxt.config.js

  plugins: [
    { src: '~/plugins/moment.js', mode: 'client' }
  ],

Vue-moment 运行正常，但出现错误。

Answer 1

尝试使用 Nuxt 版本。它是专门为 Nuxt 制作的，所以你不会有任何问题。

Answer 2

您可能应该继续使用 Moment，因为它已被弃用：https://momentjs.com/docs/#/-project-status/

而是使用 date-fns 的模块，安装和使用非常简单：https://github.com/nuxt-community/date-fns-module

Answer 3

如果有人还在经历这个，这就是我的方法。

在插件文件夹中，我创建了一个名为 vue-moment.js 的文件，这就是内容。

import Vue from 'vue'
Vue.use(require('vue-moment'));

之后，在 nuxt.config.js 我在 plugins

下添加了这一行

plugins: [
...
"~/plugins/vue-moment",
...
],

之后，在组件中使用它时，我需要做的就是调用如下所示的函数。

<span>{{ new Date() | moment("dddd, MMMM Do YYYY") }}</span>

我希望这对某人有所帮助。

Nuxt.js with vue-moment