小编Nod*_*ign的帖子

尝试使 vue-chartjs 工作时出现此错误

 WARN  in ./node_modules/vue-chartjs/es/BaseCharts.js

"export 'default' (imported as 'Chart') was not found in 'chart.js'

还有这个在 devtools 中：

TypeError: chart_js__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

重建步骤：

1. 使用以下命令创建 nuxt 应用程序： $ yarn create nuxt-app <project_name>
2. 添加 vue-chartjs $ yarn add vue-chartjs chart.js
3. 添加以下应根据 vue-chartjs 文档工作的代码

~/components/BarChart.js

import { Bar } from 'vue-chartjs'

export default {
  extends: Bar,
  props: ['data', 'options'],
  mounted() {
    this.renderChart(this.data, this.options)
  },
}

~/pages/index.vue

<template>
  <div class="container">
    <div>
      <bar-chart
        :data="barChartData"
        :options="barChartOptions"
        :height="200"
      />
    </div>
  </div>
</template>

<script>
export …