CanvasJS 的 jQuery 导入错误答案

【问题标题】：jQuery Import Error With CanvasJSCanvasJS 的 jQuery 导入错误
【发布时间】：2018-03-04 15:04:33
【问题描述】：

我正在努力让 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）兼容。然而，当我在控制器中运行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>

角度控制器

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();

});

});

【问题讨论】：

标签： javascript jquery angularjs node.js canvasjs

【解决方案1】：

您能否确保您的 jQuery 供应商在 Angular 供应商库之前加载，除此之外，如果您有的话，您可以写更多关于您的捆绑过程的信息。

【讨论】：