Chart.js本地模式无法运行的配置问题求助

我在使用Chart.js时遇到了问题：通过CDN在线链接引入库时，图表能正常渲染；但尝试本地部署完整的Chart.js库后，图表完全无法显示。

我已经按照官方指南完成了以下操作：

• 在项目正确目录下执行npm install chart.js完成安装
• 根据官方要求修改了package.json中的相关配置
• 在index.html中引入了本地路径的Chart.js文件
• 安装并引入了Chart.js所需的Moment.js依赖库

完整的index.html代码 #

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chart Test</title>
    <!-- 本地引入方式（失效） -->
    <script src="./node_modules/chart.js/dist/chart.min.js"></script>
    <script src="./node_modules/moment/moment.min.js"></script>
    <!-- CDN方式（取消注释后正常工作）
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment"></script>
    -->
</head>
<body>
    <canvas id="myChart" width="400" height="400"></canvas>
    <script>
        const ctx = document.getElementById('myChart').getContext('2d');
        const myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
                datasets: [{
                    label: '# of Votes',
                    data: [12, 19, 3, 5, 2, 3],
                    backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                        'rgba(54, 162, 235, 0.2)',
                        'rgba(255, 206, 86, 0.2)',
                        'rgba(75, 192, 192, 0.2)',
                        'rgba(153, 102, 255, 0.2)',
                        'rgba(255, 159, 64, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 99, 132, 1)',
                        'rgba(54, 162, 235, 1)',
                        'rgba(255, 206, 86, 1)',
                        'rgba(75, 192, 192, 1)',
                        'rgba(153, 102, 255, 1)',
                        'rgba(255, 159, 64, 1)'
                    ],
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    y: {
                        beginAtZero: true
                    }
                }
            }
        });
    </script>
</body>
</html>

文件路径结构（截图说明） #

项目目录结构如下：

• project-root/
  • node_modules/
    • chart.js/
    • moment/
  • index.html
  • package.json

目前只有CDN在线模式能正常生成图表，本地引入后完全失效，我怀疑是库的配置或引入路径存在问题，希望能得到大家的帮助排查解决。

内容的提问来源于stack exchange，提问作者Timino