未捕获的 ReferenceError：未定义组件答案

【问题标题】：Uncaught ReferenceError: Component is not defined未捕获的 ReferenceError：未定义组件
【发布时间】：2020-11-13 12:09:22
【问题描述】：

我不断收到此错误，不确定为什么控制台和应用程序无法加载 Uncaught ReferenceError: Navbar is not defined

App.js

 <template>
  <div id="app">
    <Navbar />
    <router-view/>
  </div>
</template>
 
<script>
import Navbar from '@/components/Navbar' 
export default {
  name: 'App',
   components: {
     Navbar
  }
}
</script>
 
<style>
</style>

我的组件文件夹是平的，所以没有子文件夹、应用程序和主 js 在 src 文件夹的根目录中

src
->components
-->Navbar.vue
-->Othercomponent.vue
main.js
App.vue

【问题讨论】：

尝试用vue扩展import Navbar from '@/components/Navbar.vue'导入
感谢尝试过，以及 ./components 但没有这样的运气
模板中的组件名称是kebab-cased，所以你应该使用你的组件，比如：。也不要使用自闭合组件标签。
感谢您切换到code <Navbar></Navbar> 也无济于事：/
我没有看到任何明显的原因导致该代码导致该错误。仔细检查确定是导致问题的文件。其他一些观察。 1. 这似乎是一个.vue 文件，但您在问题中将其称为App.js 和App.hs。如果扩展名不是.vue，您应该更改它。 2.问题中的文件夹结构有componets拼写错误。我认为您的文件系统上的拼写正确。

标签： vue.js vue-component

【解决方案1】：

在 Navbar.vue 中，我没有在要导出的名称周围加上引号

export default {
    name: 'Navbar',
    data(){
    return{}

}

【讨论】：