先看问题 抽取页面中的组件作为子组件时候 (如何抽取页面中的组件作为子组件链接https://blog.csdn.net/qq_44224811/article/details/127949942?spm=1001.2014.3001.5501)报错如下
Module not found: Error: Can't resolve '@/components/person/editPhoneNum' in 'F:\jy\juyi_dataplat_we
找不到模块:错误:无法解析'F:\jy\juyi_datalat_we中的'@/components/perse/editPhoneNum'
ERROR Failed to compile with 1 error
error in ./src/views/personalCenter/personalData.vue?vue&type=script&lang=js&
Module not found: Error: Can't resolve '@/components/person/editPhoneNum' in 'F:\jy\juyi_dataplat_web\src\views\personalCenter'
ERROR in ./src/views/personalCenter/personalData.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/personalCenter/personalData.vue?vue&type=script&lang=js&) 78:0-60
Module not found: Error: Can't resolve '@/components/person/editPhoneNum' in 'F:\jy\juyi_dataplat_web\src\views\personalCenter'
@ ./src/views/personalCenter/personalData.vue?vue&type=script&lang=js& 1:0-212 1:228-231 1:233-442 1:233-442
@ ./src/views/personalCenter/personalData.vue 2:0-64 3:0-59 3:0-59 10:2-8
@ ./src/router/index.js 237:21-70
@ ./src/main.js 3:0-30 12:2-8
解答:在父组件页面import的时候需要加入后缀.vue
有的时候需要有的时候不需要 可以反复尝试一下
正确代码如下 此代码片段为父组件页面代码片段
</template>
<script>
import editPhoneNum from "@/components/person/editPhoneNum.vue";
export default {
components: {
editPhoneNum,
},
温馨提示:如果以上方法尝试过了,问题还没解决的朋友,如果您不嫌弃,欢迎私信联系,我会第一时间与您取得联系,和您一起探讨解决问题!绝不收取任何咨询费用!