时间戳

首页 > 解决方案 > 在 Nuxt 中使用外部组件不起作用

vue.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>组件尚未注册

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

标签： vue.jsvuejs2nuxt.js

解决方案

试试这个，

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

推荐阅读