当我尝试在 VueJS 中加载组件时，为什么会出现此错误？答案

【问题标题】：Why do I get this error when I try to load the component in VueJS?当我尝试在 VueJS 中加载组件时，为什么会出现此错误？
【发布时间】：2019-12-18 15:10:33
【问题描述】：

我必须尝试但解决方案仍然相同，我是否遗漏了任何步骤？

<template>
<div>
      <component v-bind:is="components"></component>

  </div>
</template>
<script>
import invbo from './components/inventory.vue';
import itemsrbo from './components/itemsearch.vue';
import mainbo from './components/mainbo.vue';
export default {
  components:{
    'inventory':invbo,
    'item-search':itemsrbo,
    'mainbo':mainbo,

  },
  data(){
    return{
      components: 'mainbo'
    }
  }
}
</script>

错误信息

./src/views/Home.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!./node_modules/cache-loader/dist/cjs.js??ref--0-1!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve './components/inventory.vue' in 'C:\Users\...\src\views'

这里是我尝试从组件目录加载 vue 组件的示例代码。

【问题讨论】：

在您的示例代码中，您没有任何blabla.vue 的导入，错误实际上是否与您粘贴的代码相对应？
对不起先生，我已经编辑了问题
你能展示一下你当前项目结构的截图吗？
你的项目中真的有./components/inventory.vue吗？
所以需要使用正确的相对路径，则：import invbo from '../components/inventory.vue

标签： vue.js vuejs2 vue-component quasar-framework

【解决方案1】：

发布库存组件？

在inventory.vue

您应该将组件导出为：

export default {}

【讨论】：

【解决方案2】：

所以你需要使用正确的相对路径，那么：import invbo from '../components/inventory.vue answer by @MartinBean

【讨论】：