1、错误描述

PieChart.vue?a6c7:69 Uncaught (in promise) TypeError: Cannot read property '$el' of undefined
    
at PieChart.vue?a6c7:69
client:162 [WDS] Errors while compiling. Reload prevented.
errors 
@ client:162
onmessage 
@ socket.js:41
EventTarget.dispatchEvent 
@ sockjs.js:170
(anonymous) 
@ sockjs.js:887
SockJS._transportMessage 
@ sockjs.js:885
EventEmitter.emit 
@ sockjs.js:86
WebSocketTransport.ws.onmessage 
@ sockjs.js:2961
client:168 ./src/views/dashboard/admin/components/PieChart.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib?cacheDirectory!./node_modules/vue-loader/lib??vue-loader-options!./src/views/dashboard/admin/components/PieChart.vue?vue&type=script&lang=js&)
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: F:/dojo/cdmn/vue-element-admin/src/views/dashboard/admin/components/PieChart.vue: var is a reserved word (49:4)

  47 |   },
  48 |   methods: {
> 49 |     var that = this,
     |     ^
  50 |     initChart() {
  51 |       axios.get('/api/manage/common/cmp',{
  52 |         
params:{

errors @ client:168
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
client:162 [WDS] Errors while compiling. Reload prevented.
errors @ client:162
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
client:168 ./src/views/dashboard/admin/components/PieChart.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib?cacheDirectory!./node_modules/vue-loader/lib??vue-loader-options!./src/views/dashboard/admin/components/PieChart.vue?vue&type=script&lang=js&)
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: F:/dojo/cdmn/vue-element-admin/src/views/dashboard/admin/components/PieChart.vue: var is a reserved word (49:4)

  47 |   },
  48 |   methods: {
> 49 |     var that = this,
     |     ^
  50 |     initChart() {
  51 |       axios.get('/api/manage/common/cmp',{
  52 |         params:{

2、错误原因

      在vue.js中的methods，定义that=this，这个语句应该放在initChart方法中

methods: {
    var that = this,
    initChart(){

    }
}

3、解决办法

      调换变量定义的位置

methods: {
    initChart(){
       var that = this
    }
}