vue.js - 无法解析组件导入 VueJS

Question

我正在尝试MainNavbarButton在MainNavbar. 我导入了组件，但得到了"Module not found: Error: Can't resolve './components/MainNavbarButton.vue'"所有我发现的解决方案似乎源于拼写错误的错误，但我很确定这里不是这种情况。

MainNavbar.vue

<template>
  <div id="navbar">
    <MainNavbarButton />
  </div>
</template>

<script>
import MainNavbarButton from './components/MainNavbarButton.vue'
export default {
  name: 'MainNavbar',
  components: {
    MainNavbarButton
  }
}
</script>

MainNavbarButton.vue

<template>
  <h2>{{ title }}</h2>
</template>

<script>
export default {
  name: 'MainNavbarButton',
  props: {
    title
  }
};
</script>

应用程序.vue

<template>
  <MainNavbar/>
</template>

<script>
import MainNavbar from './components/MainNavbar.vue'

export default {
  name: 'App',
  components: {
    MainNavbar
  }
}
</script>

标签： vue.js