在 Bootsrap 轮播中显示带有图表的 iframe 时，Firefox 会出错

Question

我创建了一个带有 Bootstrap 轮播的网站。在此轮播中，我尝试显示两个 iframe，其中一个网站包含来自 Chartjs.org 的图表。

在 Firefox 91.1.0esr（32 位）上，我收到此错误：

Uncaught 
Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js", lineNumber: 13, columnNumber: 0, data: null, stack: "fit@https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js:13:146316

该错误不会出现在 Chrome 和 Edge 中。这是 Firefox 中的一个错误吗？

带有轮播的站点：

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

<div class="carousel slide carousel-fade" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active" data-bs-interval="5000">
      <iframe src="./site.html" title="Iframe1"></iframe>
    </div>
    <div class="carousel-item" data-bs-interval="5000">
      <iframe src="./site.html" title="Iframe2"></iframe>
    </div>
  </div>
</div>

有图表的网站：

const labels = [
            'January',
            'February',
            'March',
            'April',
            'May',
            'June',
        ];

        const data = {
            labels: labels,
            datasets: [{
                label: 'My First dataset',
                backgroundColor: 'rgb(255, 99, 132)',
                borderColor: 'rgb(255, 99, 132)',
                data: [0, 10, 5, 2, 20, 30, 45],
            }]
        };

        const config = {
            type: 'line',
            data: data,
            options: {}
        };


        const myChart = new Chart(
            document.getElementById('diagramm'),
            config
        );

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>
<canvas id="diagramm"></canvas>