共计 786 个字符,预计需要花费 2 分钟才能阅读完成。
使用 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…