Vue 组件仅显示为 <componentName> Tag 并且没有被渲染

Question

我的 vue 网站上的一个组件没有正确呈现。它像许多其他组件一样被注册，它们工作正常。但是当我调用时只出现在 DOM 中。为什么这个组件的行为如此奇怪？

/index.vue

<template>
    <emailResults></emailResults>
</template>
<script>
import { emailResults } from ../components;
export default {
  components: {
    emailResults
  }
};
</script>

/emailResults.vue

<template>
...
</template>
<script>
export default {
  name: 'emailResults',
}
</script>

/索引.js

import emailResults from './emailResults'
export{
  emailResults
}

Answer 1

你有一个 index.vue 和 index.js 文件。取消捆绑程序的设置，它可能会尝试从此处的错误文件导入：

import {
  emailResults
} from ../components;

尝试明确：

import {
  emailResults
} from ../components/index.js;