vue+webpack项目报错，怎么找到对应的源码的位置？

问题描述：

F12打开开发者工具，运行项目报错，如下：

vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'atype' of undefined"

found in

---> <ElTableBody>
       <ElTable> at packages/table/src/table.vue
         <ElMain> at packages/main/src/main.vue
           <ElContainer> at packages/container/src/main.vue
             <Appraise> at src\components\performance\appraise\EmpApp.vue
               <ElTabPane> at packages/tabs/src/tab-pane.vue
                 <ElTabs> at packages/tabs/src/tabs.vue
                   <PfmApp> at src\components\performance\PfmApp.vue
                     <ElMain> at packages/main/src/main.vue
                       <ElContainer> at packages/container/src/main.vue... (1 recursive calls)
                         <Home> at src\components\home\Home.vue
                           <App> at src\App.vue
                             <Root>

vue.esm.js:1897 TypeError: Cannot read property 'atype' of undefined
    at fn (EmpApp.vue?7236:496)
    at Object.normalized [as default] (vue.esm.js:2599)
    at renderCell (element-ui.common.js:13690)
    at Proxy.column.renderCell (element-ui.common.js:13697)
    at element-ui.common.js:11142
    at Proxy.renderList (vue.esm.js:2639)
    at element-ui.common.js:11102
    at Proxy.renderList (vue.esm.js:2639)
    at Proxy.render (element-ui.common.js:11066)
    at VueComponent.Vue._render (vue.esm.js:3551)

问题原因：

通过错误信息可知，在EmpApp.vue中，属性atype未定义，但是却引用了，所以报错。

 

解决方案：

在源码中找到引用未定义属性的代码。有两种方法：

第一种，在源文件（EmpApp.vue）中，ctrl+r 查找所有的atype出现的位置，并检查其附近的代码。

第二种，通过错误信息：at fn (EmpApp.vue?7236:496)可以直接定位到出错代码位置。