图表未定义 Node.js Chart.js

Question

我在请求您的帮助，我整天都在努力，互联网上没有任何解决方案。我的第一个 Node.js 应用程序。有人可以帮忙解决问题吗：

Uncaught ReferenceError: Chart is not defined

逻辑.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')