遺漏的類型錯誤：使用highcharts

Question

時當我嘗試使用簡單highcharts例子不確定是不是一個函數，我得到的錯誤：

Uncaught TypeError: undefined is not a function 

除了：

TypeError: undefined is not a function 
at Object.Ya.init (https://code.highcharts.com/highcharts.js:190:496) 
at Object.Ya (https://code.highcharts.com/highcharts.js:15:312) 
at HTMLDocument.eval (eval at <anonymous> (https://localhost:3000/bower_components/jquery/dist/jquery.js:330:5), <anonymous>:4:15) 
at fire (https://localhost:3000/bower_components/jquery/dist/jquery.js:3073:30) 
at Object.self.add [as done] (https://localhost:3000/bower_components/jquery/dist/jquery.js:3119:7) 
at jQuery.fn.ready (https://localhost:3000/bower_components/jquery/dist/jquery.js:3352:25) 
at jQuery.fn.init (https://localhost:3000/bower_components/jquery/dist/jquery.js:2794:16) 
at jQuery (https://localhost:3000/bower_components/jquery/dist/jquery.js:76:10) 
at eval (eval at <anonymous> (https://localhost:3000/bower_components/jquery/dist/jquery.js:330:5), <anonymous>:1:1) 

我的代碼在highcharts網站上的簡單的例子：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

<script> 
$(function() { 

    $('#container').highcharts({ 
    chart: { 
     type: 'bar' 
    }, 
    title: { 
     text: 'Fruit Consumption' 
    }, 
    xAxis: { 
     categories: ['Apples', 'Bananas', 'Oranges'] 
    }, 
    yAxis: { 
     title: { 
     text: 'Fruit eaten' 
     } 
    }, 
    series: [{ 
     name: 'Jane', 
     data: [1, 0, 4] 
    }, { 
     name: 'John', 
     data: [5, 7, 3] 
    }] 
    }); 
}); 

</script> 

我也試過的版本，其中第一行裏面

var chart = new Highcharts.Chart({ 

當我打印出來Highcharts是什麼，它去給我正確的對象。 jQuery已加載並正在運行。 我還有什麼可以嘗試在這一點上？

Answer 1

您需要在highcharts之前加載JQuery。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 

Answer 2

好的，這個問題其實很簡單。在早期的代碼中有一個腳本標籤加載了highcharts，並且與此行中的注入衝突。

如果您看到此錯誤，請檢查highcharts是否已被注入。