Javascript 我是不是用错了rawgit?

Javascript 我是不是用错了rawgit?,javascript,github,Javascript,Github,我在这段代码中做错了什么?当我为主题使用本地源代码时,它可以正常工作,但它不是来自github。我已经浏览了很多帖子,但似乎找不到为什么这不起作用,它也是如此简单的代码。问题在于第二个脚本的主题是什么,但我不知道是什么,我也尝试过将其用作“cdn.rawgit.com…”,但这不会有任何区别,也不会有任何影响 <html> <head> <title>HighCharts Page</title> <

我在这段代码中做错了什么?当我为主题使用本地源代码时,它可以正常工作,但它不是来自github。我已经浏览了很多帖子,但似乎找不到为什么这不起作用,它也是如此简单的代码。问题在于第二个脚本的主题是什么,但我不知道是什么,我也尝试过将其用作“cdn.rawgit.com…”,但这不会有任何区别,也不会有任何影响

<html>
    <head>
        <title>HighCharts Page</title>

        <!-- library (external) -->
        <script src="http://code.highcharts.com/highcharts.js"> </script>
        <script src="https://rawgit.com/highcharts/highcharts/master/js/themes/grid-light.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <!-- <script> $.getScript("https://raw.githubusercontent.com/highcharts/highcharts/master/js/themes/grid-light.js", function() {}); </script> -->
        <!-- end library (external) -->

        <!-- custom script (in-line JS) -->
        <script>

            //define a function here
            $(function () {
                var myChart = Highcharts.chart('container', {
                    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>
        <!-- end custom script (in-line JS) -->

    </head>
    <body>

        <div id="container" style="width:100%; height:500px;">
        </div>
    </body>
</html>

海图页
//在这里定义一个函数
$(函数(){
var myChart=Highcharts.chart('容器'{
图表:{
类型:'bar'
},
标题:{
正文:“水果消费”
},
xAxis:{
类别:[‘苹果’、‘香蕉’、‘橙子’]
},
亚克斯:{
标题:{
文字:“吃水果”
}
},
系列:[{
姓名:'简',
数据:[1,0,4]
}, {
姓名:'约翰',
数据:[5,7,3]
}]
});
});

这可能很简单,但感谢您的帮助。

好的,问题是您使用的文件是开发版本/源文件,需要构建该文件才能正常工作(在当前浏览器版本中),因为它会导入其他文件(大多数浏览器尚不直接支持导入)


只需在

处使用CDN版本即可,问题是您使用的文件是开发版本/源文件,需要构建该文件才能发挥功能(在当前浏览器版本中),因为它会导入其他文件(大多数浏览器尚不支持导入)



只需在

使用CDN版本,您是在http还是https站点上运行此功能?因为问题可能出在您通过http加载的第一个js文件上,所以在https站点中,它将被阻止为混合内容。@gabykag.Petrioli我现在只是在本地运行此文件进行测试。我只是在浏览器中按原样打开了文件。您使用的是什么操作系统/浏览器?因为在Windows中,它在最新的Firefox/Chrome中工作正常/IE@GabyakaG.Petrioli我用的是铬;我只是更新了它以进行检查,但仍然不起作用。你得到了正确的主题?不仅仅是白色背景上的蓝色和黑色条?好吧,现在我明白了。。我认为它不起作用。你是在http或https站点上运行它吗?因为问题可能出在您通过http加载的第一个js文件上,所以在https站点中,它将被阻止为混合内容。@gabykag.Petrioli我现在只是在本地运行此文件进行测试。我只是在浏览器中按原样打开了文件。您使用的是什么操作系统/浏览器?因为在Windows中,它在最新的Firefox/Chrome中工作正常/IE@GabyakaG.Petrioli我用的是铬;我只是更新了它以进行检查,但仍然不起作用。你得到了正确的主题?不仅仅是白色背景上的蓝色和黑色条?好吧,现在我明白了。。我以为它不起作用了。非常感谢!!你说需要建造是什么意思?我知道导入还不可用,但我不确定我是否理解这段代码是如何处理的。您是如何发现的?@Akaisteph7如果您查看包含的文件的src,您将看到不支持的
import
命令。如果您访问从中链接的github回购,您将看到这是他们提到的工作回购()。通过查看他们的repo,我还发现他们有一个包含代码构建版本的分发存储库(),因此您可以从那里使用主题,好的,我明白了。所以说得清楚一点,有效回购是为了发展,而不是为了普通用户?对于内置版本,这意味着它要从脚本运行?@Akaisteph7在本例中是的,但每个项目都有自己的结构。我的意思是其他项目在同一个存储库中的不同文件夹中有分发文件。非常感谢!!你说需要建造是什么意思?我知道导入还不可用,但我不确定我是否理解这段代码是如何处理的。您是如何发现的?@Akaisteph7如果您查看包含的文件的src,您将看到不支持的
import
命令。如果您访问从中链接的github回购,您将看到这是他们提到的工作回购()。通过查看他们的repo,我还发现他们有一个包含代码构建版本的分发存储库(),因此您可以从那里使用主题,好的,我明白了。所以说得清楚一点,有效回购是为了发展,而不是为了普通用户?对于内置版本,这意味着它要从脚本运行?@Akaisteph7在本例中是的,但每个项目都有自己的结构。我的意思是,其他项目的分发文件位于同一存储库中的不同文件夹中。