Jquery HighCharts加载错误-未定义不是函数

我正在与HighCharts合作，遵循RailsCasts和HighCharts文档。 我正在根据文档尝试初始图表-

$(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]
    }]
  });
});

我的

apps/assets/javascripts/

位置中有

highcharts.js

文件，并且

application.js

设置为-

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require highcharts
//= require_tree .

当我运行我的页面时，我没有得到任何图表，但可以在开发工具控制台中看到

未定义不是一个函数

我知道这个问题可能是因为jquery必须在highcharts之前加载，但我对这个资产管道感到困惑

我的application.html.erb中有
true%>

我的DevTools显示highcharts.js已经加载，我能想到的唯一问题是在
中有两个jquery实例和highcharts.js实例在它们之间。如果您禁用了资产消化功能，您是否确认所有资产都已加载，包括highcharts？您可以通过开发者控制台进行检查，以确保它们都在加载。您还可以尝试删除Turbolinks，以查看这是否导致了问题。除了检查rails服务器控制台外，您还可以检查问题是否与环境设置有关，并使用“开发人员工具”>“源/资源”确保加载了“highcharts.js”。加载了highcharts。我可以在开发工具的源代码中看到。也许你可以在图表初始化后加载highcharts？你检查过没有异步选项吗？我怎么检查？我查了我所有的档案。在Devtools中，我看到两个jQuery实例被加载，highcharts.js介于两者之间。