Module not found: Error: Can‘t resolve ‘@/components/person/editPhoneNum‘ in ‘F:\jy\juyi_dataplat_we

先看问题 抽取页面中的组件作为子组件时候 （如何抽取页面中的组件作为子组件链接https://blog.youkuaiyun.com/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,
  },

温馨提示：如果以上方法尝试过了，问题还没解决的朋友，如果您不嫌弃，欢迎私信联系，我会第一时间与您取得联系，和您一起探讨解决问题！绝不收取任何咨询费用！