图表未定义为Node.js Chart.js

Question

我恳求你的帮助，我工作了一整天，没有从互联网上解决问题的方法。我的第一个Node.js应用程序。有没有人可以帮助解决这个问题：

Uncaught ReferenceError: Chart is not defined

logic.js

var mychart = document.getElementById("radar-chart");
chart = new Chart(mychart, {
    type: 'radar',
    data: {
        labels: ['1', '2', '3', '4'],
        datasets: [{
            lable: 'Samples',
            data: [1,2,3,4],
            backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc'],
            hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf'],
            hoverBorderColor: "rgba(234, 236, 244, 1)",
        }]
    }
})

帕格

html
  head
    meta(charset='UTF-8')
    meta(name='viewport' content='width=device-width, initial-scale=1.0')
    script(src='/javascripts/logic.js')
    script(type='text/javascript' src='https://cdn.jsdelivr.net/npm/chart.js@2.9.3')
    link(rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css')
    link(rel='shortcut icon' type='image/jpg' href='images/favicon.jpg')
    link(rel='stylesheet', href='/stylesheets/style.css')
    title Radar charts
  block content

我在寻求一个解决方案

欢迎光临！

Answer 1

您在加载chart.js脚本标记文件之前加载了logic.js文件，因此chart.js尚未加载，但您尝试访问它，如果您像这样切换它，它应该可以工作：

script(type='text/javascript' src='https://cdn.jsdelivr.net/npm/chart.js@2.9.3')    
script(src='/javascripts/logic.js')