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

时间:2019-11-06 05:19:30

标签: vue.js vuejs2 nuxt.js nuxt

我有从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>组件尚未注册

我已经在堆栈溢出中看到了一些问题,并尝试了他们的答案,但仍然无法正常工作

1 个答案:

答案 0 :(得分:0)

尝试这个,

在您的~/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 },