javascript - Uncaught TypeError: Chart is not a constructor when using Chart.js

Question

我正在处理我的第一个 Cordova 项目并尝试使用 Chart.js。文档指出 Chart.js 应该像这样包含：

<script src="Chart.js"></script>
<script>
    var myChart = new Chart({...})
</script>

我使用 bower 安装了库，现在它位于www/lib/chart.js. ChromeFailed to load resource: the server responded with a status of 404在我加载Chart.js或lib/chart.js.

当我加载时，我在这一行中lib/chart.js/src/chart.js得到一个不同的错误：Uncaught TypeError: Chart is not a constructor

  var ctx = document.getElementById("myChart");
  var myChart = new Chart(ctx, { //...

这是 chart.js 文件中的内容：

var Chart = require('./core/core.js')();

require('./core/core.helpers')(Chart);
// ...

window.Chart = module.exports = Chart;

这是正确的chart.js文件吗？

提前感谢您的帮助！

score 5 · Accepted Answer

我认为您正在使用的 chart.js 有一个错误，
试试这个：

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>

score 0 · Accepted Answer

0

在 Laravel 混合使用：

window.Chart = require('chart.js/auto').default;

于 2022-02-17T00:04:25.157 回答

score 0 · Accepted Answer

这样做，它应该工作 import Chart from 'chart.js/auto';

3 回答 3