脚本宝典收集整理的这篇文章主要介绍了组件调用错误，路径问题，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

使用vue-cli构建项目，在项目进行的过程中，某个详情页调用组件报错，在别的页面中同样调用过该组件，但是没有报错。错误信息如下：

This dependency was not found:
* play.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/detail/detail.vue
To install it, you can run: npm install --save play.vue

引用组件代码：

<script>
  import play from 'play.vue';
  import foot_contact from '../home/foot_contact.vue';
  export default {
  name: "detail",
  components: {
    play,
    foot_contact,
  },
  data() {
    return {
      activeIndex: '1',
      activeIndex2: '1'
    }
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
     }
   }
 }
</script>

经查证，是路径问题。因为子组件与父组件在同一个目录下，所以引入子组件时，我直接使用了组件的文件名（play.vue）。这使得vue在编译时，把它当做node_modules下的模块，因此要求你安装。

在项目中引用组件是需要写相对路径的，即使是在同一目录下。在我的项目中，需要改正的也就是'./play.vue'。

在信息时代，知识的分享使得问题的解决比以前容易很多，只有不断总结与前进，你才能与时俱进。感谢网友们的分享：https://segmentfault.com/q/10...

脚本宝典总结

以上是脚本宝典为你收集整理的组件调用错误，路径问题全部内容，希望文章能够帮你解决组件调用错误，路径问题所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。