未捕获的ReferenceError：未定义谷歌（谷歌图表）

Question

我是require.js的新手。 我正在尝试显示谷歌饼图。 我可以在我的JSFiddle中使用它。

问题

然后，当我将它们移动到我的真实项目中时，它不起作用。 我使用require.js

的真实项目

在我的路上，我宣布它是这样的

'piechart' : 'reports/section-exercise/piechart',

在我的piechart.js中，我有这样的话：

'use strict';

define(['jquery' ], function ($) {

  $(function () {

    google.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['l', 23],
        ['m', 30],
        ['h', 47],

        ]);

      var options = {
        width: 200,
        height: 200,
        chartArea: {
          left: 10,
          top: 20,
          width: "100%",
          height: "100%"
        },
        colors: ['#F46E4E', '#ADB55E', '#F9C262'],
        legend: 'none',
        enableInteractivity: false,
        pieSliceText: 'none',

      };

      var chart = new google.visualization.PieChart(document.getElementById('piechart'));

      chart.draw(data, options);
    }

  });

});

包括

我将此链接包含在我的HTML文件

之上

 <link rel="stylesheet" type="text/css" href="https://www.google.com/jsapi?autoload={%27modules%27:[{%27name%27:%27visualization%27,%27version%27:%271.1%27,%27packages%27:[%27corechart%27]}]}">

结果

错误消息

然后，当我点击右边的文件时，它会将我重新指向这一行：

如何停止该错误并再次显示我的图表？

我的包含链接怎么样？我在JSFiddle中使用了与外部资源相同的工具。它可以工作。

Answer 1

您需要将该网址包含为JavaScript，但您将其包含为CSS。你需要这个：

<script src="..."></script>

而不是：

<link rel="stylesheet" type="text/css" href="...">