javascript - CanvasJS 的 jQuery 导入错误

Question

我正在努力让canvasJS 图表的商业版本显示在 HTML 页面上。这次审判非常有效。当我过渡到商业版本时，我在加载 jQuery (v1.12.0) 时遇到了这些问题。

为了将数据发送到canvasJS图表，我使用Angular(v1.5.8)将数据发送到canvasJS图表(见下文)。然而，当我加载图表时，浏览器会给出以下错误消息:

Error: Cannot find module 'js'

我检查过很多版本的 jQuery。 canvasJS 团队表示它与 jQuery 1.4.0 或更高版本(最高 3.2.1)兼容。然而，当我在 Controller 中运行 jQuery.getScript 时，服务器继续响应上述错误。如果这很重要，我在后端运行nodejs。

有没有办法解决这个问题，或者有没有其他方法可以在不使用 jQuery 的情况下加载 canvasJS 脚本？

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

<script
   src="https://code.jquery.com/jquery-1.12.0.js"
   integrity="sha256-yFU3rK1y8NfUCd/B4tLapZAy9x0pZCqLZLmFL3AWb7s="
   crossorigin="anonymous"></script>

Angular Controller

app.controller('chartController', function ($scope, $http, $filter) {

  jQuery.getScript("commercial/canvasjs.js", function(){

    $scope.chart = new CanvasJS.Chart("chart", {
        title: {
            text: ""
        },
        axisY: {
            labelFontSize: 16,
        },
        axisX: {
            labelFontSize: 16,
        },
        data: [
            {
                dataPoints: [
                { label: "apple", y: 10 },
                { label: "orange", y: 15 },
                { label: "banana", y: 25 },
                { label: "mango", y: 30 },
                { label: "grape", y: 28 }
                ]
            }
        ]
    });

    $scope.chart.render();

});

});

Answer 1

您能否确保您的 jQuery vendor 在 Angular vendor 库之前加载，除此之外，如果您有的话，您可以编写更多有关捆绑过程的内容。