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

Question

I want to use chart.js but im getting this error anyone willing to help me solve the problem?

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://cdnjs.com/libraries/Chart.js with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Here is my 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],
        }
    ]}
});

Thanks in advance!

Answer 1

Based on comment, You are importing the html page and not the js file.

Here is what you can do to resolve the issue.

After visiting https://cdnjs.com/libraries/Chart.js you can,

1. Select the version of build that you want.
2. Select the type of asset that you want (Javascript / Stylesheet).
3. Click on '</>' to copy the script tag which can be pasted and used directly in your page.