>

vuejs + Vue-CLI와 통합 echarts를 사용하여 프로젝트를 만들었습니다. echarts는 모든 브라우저에서 제대로 작동하지만 IE-11 버전에서 열면 페이지를로드 할 수없고 다음 오류가 표시됩니다.

[object Error]{description: "Expected ')'", message: "Expected ')'", name: "SyntaxError", number: -2146827282, stack: "SyntaxError...", Symbol()_n.kyufm4c0tec: undefined, Symbol()_p.kyufm4c0tec: undefined, Symbol()_q.kyufm4c0tec: undefined, Symbol()_r.kyufm4c0tec: undefined, Symbol(Lang fallback)_m.kyufm4c0tec: undefined, Symbol(util.promisify.custom)_o.kyufm4c0tec: undefined}

내 코드는 다음과 같습니다 :

<template>
    <ECharts :options="pie" style="width:300px; height:260px">
    </ECharts>
</template>
<script>
    import ECharts from "vue-echarts/components/ECharts.vue";
    import "echarts/lib/chart/pie";
    import "echarts/lib/component/title";
    export default {
        components: {
            ECharts
        },
        data() {
            return {
                pie: {
                    backgroundColor: "transparent",
                    tooltip: {
                        trigger: "item",
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    series: [{
                        name: "Product Sales",
                        type: "pie",
                        radius: ["50%", "70%"],
                        avoidLabelOverlap: false,
                        data: [{
                                value: 1,
                                name: "Product A"
                            },
                            {
                                value: 2,
                                name: "Product B"
                            },
                            {
                                value: 3,
                                name: "Product C"
                            }
                        ],
                        label: {
                            normal: {
                                show: false,
                                position: "center"
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: "20",
                                    fontWeight: "bold"
                                }
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        }
                    }]
                }
            };
        }
    };
</script>

IE 브라우저의 문제는 무엇입니까? 또한 솔루션을 검색하여 시도했지만 결과를 얻지 못했습니다. 버전 :

echarts-4.1.0, vue-echarts: 3.1.1

도움이 필요합니다! 감사합니다

  • 답변 # 1

    vue-echarts-v3의 설명서는이를 알려주지 않지만 웹팩 (또는 사용중인 다른 번 들러) 구성에도 echarts를 추가해야합니다.

    {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          resolve('src'),
          resolve('test'),
          resolve('node_modules/vue-echarts-v3/src'), // Their suggestion https://www.npmjs.com/package/vue-echarts-v3
          resolve('node_modules/echarts/lib'), // Not suggested, but required as well
        ]
      },
    
    

  • 이전 Mice.2L.Norm의 "클래스 변수 없음"오류가 발생했습니다
  • 다음 배치 파일이 실행 된 횟수를 계산하는 방법은 무엇입니까?