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

Question

我想使用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],
        }
    ]}
});

提前致谢！

标签： javascriptchart.js

Answer 1

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

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

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

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