未捕获的ReferenceError:未定义组件

Question

我一直收到这个错误，不确定为什么控制台和应用程序无法加载未捕获引用错误：未定义导航栏

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>

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

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

Answer 1

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

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