2017-11-09 2 views
0

I NPM installiert verwenden, echarts Bibliothek auf diese WeiseWarum Echarts-Import nicht funktioniert?

npm install echarts --save 

die documentation ich in meinem Code

import * as echarts from 'echarts'

dann habe ich versucht, ein sehr einfaches Beispiel

const $chart = $('#chart') 
let myChart = echarts.init($chart) 
const option = { 
    title: { 
    text: 'ECharts entry example' 
    }, 
    tooltip: {}, 
    legend: { 
    data: ['Sales'] 
    }, 
    xAxis: { 
    data: ['shirt', 'cardign', 'chiffon shirt', 'pants', 'heels', 'socks'] 
    }, 
    yAxis: {}, 
    series: [ 
    { 
     name: 'Sales', 
     type: 'bar', 
     data: [5, 20, 36, 10, 10, 20] 
    } 
    ] 
} 
myChart.setOption(option) 

schrieb Nach aber ich habe diesen Fehler

bekommen
ReferenceError: __DEV__ is not defined 

Was denkst du ist das Problem? Ich kann keine Dokumentation zu diesem Fehler finden ...

+0

Scheint ein Problem im Moment zu sein: siehe https://github.com/ecomfe/echarts/issues/6111, https://github.com/ecomfe/echarts/issues/6987, – DarkUrse

+0

@DarkUrse gibt es keine Lösung? Ich habe versucht, die webpack confing ohne Ergebnisse zu ändern ... – michoprogrammer

+1

Ehrlich gesagt habe ich versucht, diese "__DEV__" - Flag in der Umgebung zu setzen. *. Ts zu sehen, indem Sie es zu Fensterobjekt 'window ['\ _ \ _ DEV \ _ \ _ '] = falsch; um dies undefiniert durch einen booleschen Wert zu ersetzen, so wie sie es am Anfang ihrer config.js tun. Aber keine Würfel. – DarkUrse

Antwort

0

I Import echarts haben, wie unten und es funktioniert

import * as echarts from 'echarts/dist/echarts.js'; 
+0

Ich habe versucht, was Sie vorschlagen, und ich habe einen anderen Fehler "Unbehandelte Ablehnung (TypeError): this.dom.getContext ist keine Funktion". Könnten Sie bitte Ihre Arbeitsdemo zur Verfügung stellen? – michoprogrammer

+1

Dies funktioniert nicht. im besten Fall wird eine Warnung entfernt, aber der Fehler __DEV__ wird nicht behoben (zumindest in meinem Fall) – DarkUrse