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

lnvxswe2  于 2022-12-13  发布在  Chart.js
关注(0)|答案(1)|浏览(842)

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

提前感谢!

laawzig2

laawzig21#

根据注解,您正在导入html页面而不是js文件。
以下是您可以解决此问题的方法。
访问https://cdnjs.com/libraries/Chart.js后,您可以:
1.选择所需的生成版本。
1.选择所需的资源类型(Javascript /样式表)。
1.点击'〈/〉'复制脚本标记,该标记可以粘贴并直接在页面中使用。

相关问题