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

Question

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

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

Answer 1

尝试更改

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

进入

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