跨域读取阻止 (CORB) 阻止了跨域响应 https://cdnjs.com/libraries/Chart.js

Posted 2023-02-19

【中文标题】跨域读取阻止 (CORB) 阻止了跨域响应 https://cdnjs.com/libraries/Chart.js

【英文标题】：Cross-Origin Read Blocking (CORB) blocked cross-origin response https://cdnjs.com/libraries/Chart.js

【发布时间】：2021-05-22 15:12:15

【问题描述】：

我想使用 chart.js，但我遇到了这个错误，有人愿意帮我解决问题吗？

跨域读取阻止 (CORB) 阻止了 MIME 类型为 text/html 的跨域响应 https://cdnjs.com/libraries/Chart.js。详情请见https://www.chromestatus.com/feature/5629709824032768。

这是我的 js。

const Chart = document.getElementById("lineChart");
console.log(Chart);

let lineChart = new Chart(Chart,
  type: 'line',
  data: 
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
        
            label: "My First dataset",
            fill: false,
            lineTension: 0.1,
            backgroundColor: "rgba(75, 192, 192, 0.4)",
            borderColor: "rgba(75, 192, 192, 1)",
            borderCapStyle: 'butt',
            borderDash: [],
            borderDashOffset: 0.0,
            borderJoinStyle: 'miter',
            pointBorderColor: "rgba(75,192,192,1)",
            pointBackgroundColor: "#fff",
            pointBorderWidth: 1,
            pointHoverRadius: 5,
            pointHitRadius: 10,
            data: [65, 59, 80, 81, 56, 55, 40],
        
    ]
);

提前致谢！

【问题讨论】：

你是怎么导入js的？你在用<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script>

我正在使用这个

【参考方案1】：

根据评论，您导入的是html页面而不是js文件。

您可以采取以下措施来解决此问题。

访问https://cdnjs.com/libraries/Chart.js后即可，

选择所需的构建版本。 选择您想要的资产类型（javascript/样式表）。 点击“>”复制脚本标签，可以直接粘贴到您的页面中使用。

【讨论】：

您好！ @Nik 现在它没有显示？

什么没有显示？我不明白。能详细点吗？

图表未显示在我的网站上。我不知道为什么？控制台没有错误。 @尼克

能把代码sn-p加到可以重现这个问题的地方吗？

我没有代码的 sn-p，但我有这个。 Code