Блокировка чтения из разных источников (CORB) заблокированный ответ из разных источников https://cdnjs.com/libraries/Chart.js

#javascript #chart.js

#javascript #chart.js

Вопрос:

Я хочу использовать chart.js но я получаю эту ошибку, кто-нибудь хочет помочь мне решить проблему?

Блокировка чтения из разных источников (CORB) заблокированный ответ из разных источников https://cdnjs.com/libraries/Chart.js с помощью MIME введите текст / html. См. 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],
        }
    ]}
});
 

Заранее спасибо!

Комментарии:

1. Как вы импортируете js? Используете ли вы <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script>

2. Я использую этот <script src=» cdnjs.com/libraries/Chart.js «></script >

Ответ №1:

Основываясь на комментарии, вы импортируете HTML-страницу, а не js-файл.

Вот что вы можете сделать, чтобы решить проблему.

После посещения https://cdnjs.com/libraries/Chart.js вы можете,

  1. Выберите нужную версию сборки.
  2. Выберите тип ресурса, который вы хотите (Javascript / Таблица стилей).
  3. Нажмите на ‘</>’, чтобы скопировать тег сценария, который можно вставить и использовать непосредственно на вашей странице.

Snipshot

Комментарии:

1. Всем привет! @Nik Теперь он не отображается?

2. Что не отображается? Я этого не понял. Не могли бы вы, пожалуйста, уточнить?

3. Диаграмма не отображается на моем веб-сайте. Я не знаю, почему? В консоли нет ошибки. @Nik

4. Можете ли вы добавить фрагмент кода, где эта проблема может быть воспроизведена?

5. У меня нет фрагмента кода, но у меня есть это. Код