javascript - 将 Chartist.JS 放入 Jade 中

标签 javascript node.js express pug chartist.js

简单的问题,我试图在 Node 模板中使用 Chartist.JS 显示一个简单的条形图,但我在让脚本运行它时遇到了困难。你们中有人知道我的代码有什么问题以及如何修复它吗?提前致谢。

我的主布局页面:

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet', href="../bower_components/chartist/dist/chartist.min.css")
  body
    block content

然后是包含图表代码的页面:

extends layout

block content

    script(src="../bower_components/chartist/dist/chartist.min.js")
    h1= title
    p Welcome to #{title}

    div(class="ct-chart")
        script.
            new Chartist.Bar('.ct-chart', {
                labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
                series: [20, 60, 120, 200, 180, 20, 10]
            }, {
                distributeSeries: true
            });

最佳答案

事实证明代码一切都很好,问题出在我的 NodeJS 代码中,我没有正确路由样式表和脚本文件查找。

关于javascript - 将 Chartist.JS 放入 Jade 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37817734/

相关文章:

javascript - 添加新依赖项后,react-boilerplate 中出现语法错误

javascript - 如何在第二天的第一秒重新加载页面?在午夜?

node.js - Azure Function 在 2022 年 4 月 26 日禁用了将 "user"字段设置为 HTTP 请求对象

javascript - 无法从 express.js 加载静态文件

node.js - 如何在node.js中监听192.168.1.1/subdir/?

javascript - 使用 HTML5 Canvas 以编程方式绘制此图案

javascript - 将上下文变量作为参数传递给 onclick 事件处理程序

javascript - NodeJS 服务器更改 JSON 对象的键名

jquery - Bootstrap 需要 JQuery(使用 Express 和 Parse)

css - node.js 不会在所有页面加载 css 样式