时间戳

首页 > 解决方案 > 如何解决需要适当加载器的 npm 错误？

javascript - 如何解决需要适当加载器的 npm 错误？

问题描述

我用 vue-chartjs 创建了一个 Vue.js 项目。我尝试重新安装库，但仍然出现此错误：

error  in ./node_modules/chart.js/dist/chart.esm.js
Module parse failed: Unexpected token (6613:12)
You may need an appropriate loader to handle this file type.
|         if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) {
|           decimated.push({
|             ...data[intermediateIndex1],
|             x: avgX,
|           });
 @ ./node_modules/vue-chartjs/es/BaseCharts.js 1:0-29
 @ ./node_modules/vue-chartjs/es/index.js

应用程序.vue：

<template>
  <div id="app"></div>
</template>

<script>
import axios from "axios";
import moment from "moment";
import LineChart from "./components/LineChart";

export default {
  name: "App",
  components: {
    LineChart
  },
}

线图.vue

<script>
import { Line } from "vue-chartjs";

export default {
  extends: Line,
  props: {
    label: {
      type: String
    },
    chartData: {
      type: Array
    },
    options: {
      type: Object
    },
  },
  mounted() {
    const dates = this.chartData.map(d => d.date).reverse();
    const totals = this.chartData.map(d => d.total).reverse();

    this.renderChart(
      {
        labels: dates,
        datasets: [
          {
            label: this.label,
            data: totals
          }
        ]
      },
      this.options
    );
  }
};
</script>

..................................................... ..................................................... ..................................................... ..................................................... ..................................................... ..................................................... …………

标签： javascriptvue.jsnpmchart.jsvue-chartjs

解决方案

很有可能您安装了 chartjs 版本 3。vue 包装器与此版本的 chart.js 不兼容，仅支持旧版本 2。

If you downgrade to version 2.9.4 by changing the version number in your package.json to 2.9.4 and run your install command again or remove the package and use the command install chart.js@2.9.4 . This will most likely resolve your issue

推荐阅读