Vue.js 如何'；导入&x27；将Vue组件转换为Vue组件

这可能是一个非常愚蠢的问题，但尽管如此，我还是找不到答案

因此，我正在构建一个Vue组件，并希望访问组件中的组件。我该怎么做

下面是有问题的代码片段：

app.js：

TeamPlayerComponent.vue：

假设已安装vue spinner（NPM），并且

TeamPlayersComponent.vue

有效且正常工作，而不是在控制台中出现此错误：

vue.js？3de6:525[vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。
（可在component at/home/vagrant/code/smaa/resources/assets/js/components/TeamPlayersComponent.vue中找到）

---

我正在将Vue与Laravel Elixir和Gulp一起使用。

您可以通过以下方式获得它：

var PulseLoader = require('vue-spinner/src/PulseLoader.vue');

并将其添加到组件中：

new Vue({
  components: {
    'PulseLoader': PulseLoader
  }
})

解决方案：

将app.js（Laravel设置）中的

GridLoader

特定代码替换为：

Vue.component（'grid-loader'，require（'Vue-spinner/src/GridLoader.Vue'）

工作如期
 您还可以按如下方式导入：

import grid-loader from "vue-spinner/src/GridLoader.vue";

然后在要导入它的组件中：

components: { grid-loaderfrom }

我认为您应该在TeamPlayersComponent.vue文件中本地注册该组件。导入组件并在文件中注册

    import gridLoader from 'vue-spinner/src/GridLoader.vue'

然后在本地注册组件

    components: {
                gridLoader
               }

你有没有试过建议中的任何一种方法。请分享您迄今为止的尝试。问题更新，谢谢。
    import gridLoader from 'vue-spinner/src/GridLoader.vue'

    components: {
                gridLoader
               }