在 Nuxt 中使用外部组件不起作用答案

【问题标题】：using external component in Nuxt not working在 Nuxt 中使用外部组件不起作用
【发布时间】：2019-11-06 05:19:30
【问题描述】：

我有从 npm 安装的组件

它叫vue-3d-model

我创建一个像这样的文件~/plugins/ModelGltf.js

    import Vue from 'vue';
    import { ModelGltf } from 'vue-3d-model';

    Vue.use(ModelGltf)

然后我在nuxt.config.js注册它

  plugins: [
    { src: '~/plugins/ModelGlft.js', ssr: false },
  ],

我在我的组件中调用了<model-gltf> ........... 但它没有呈现，在我的控制台终端中它称为Critical dependency: the request of a dependency is an expression，在我的检查中它说<model-gltf> 组件尚未注册

我已经看到一些关于堆栈溢出的问题并尝试了他们的答案，仍然无法工作

【问题讨论】：

这可能对你有帮助 - issue
我在问这个之前看到了，但不是工作伙伴

标签： vue.js vuejs2 nuxt.js

【解决方案1】：

试试这个，

在你的~/plugins/ModelGltf.js

import Vue from 'vue';
import { ModelGltf } from 'vue-3d-model';
Vue.component('ModelGltf', ModelGltf)

然后我在nuxt.config.js注册它

{ src: '~/plugins/ModelGlft.js', ssr: false },

或

{ src: '@/plugins/ModelGlft.js', ssr: false },

【讨论】：