全局Mixins至Nuxt v2.4:未定义

时间:2019-06-07 12:17:39

标签: nuxt.js

将我的Nuxt项目从1.4升级到2.4.0之后,我的全局mixins不再起作用。

我尝试仅在SSR模式下(仅对于客户端或仅对于服务器)进行设置,

在我的plugins / mixins文件中,我导入所有必需的mixins并检查它们是否存在于console.log ...,并且确实存在...但是当我打开该应用程序时,什么都没有被识别。

plugins / mixins.js

Id

nuxt.config.js

123

使用一个混合器(例如,一个过滤器)的组件

he had orders of other type also

大写混合

import Vue from "vue";

import UtilMixins from "../mixins/Util";
import MomentMixins from "../mixins/Moment";
import GlobalMixins from "../mixins/Global";

Vue.mixin(UtilMixins);
Vue.mixin(MomentMixins);
Vue.mixin(GlobalMixins);

控制台的错误

  plugins: [
    "~/plugins/mixins.js"
  ],

有什么主意吗?非常感谢:)

2 个答案:

答案 0 :(得分:0)

尝试将mixins文件夹移至/ assets,然后移至plugins / mixins.js中:

relu

答案 1 :(得分:0)

如 NuxtJS 文档中所述,如果插件位于 node_modules 并导出 ES6 模块,您可能需要将其添加到 transpile 构建选项:

module.exports = {
  build: {
    transpile: ['mixins']
  }
}

这对我有用。虽然我还没有为多个全局 mixin 尝试过,但您可以参考 here 以了解有关在 NuxtJS 中添加全局 mixin 的更多详细信息。