JSbarcode不呈现答案

【问题标题】：JSbarcode not renderingJSbarcode不呈现
【发布时间】：2019-04-02 17:02:28
【问题描述】：

我正在尝试在 nodejs 应用程序中创建一个路由，该路由从玉模板上的 objectId 生成条形码但是，当我包含我的路由并刷新时，图像没有呈现。

我已阅读文档并尝试了不同的方法，但仍然无法渲染。

这是我的barcode.js

var express = require('express');
var router = express.Router();
var JsBarcode = require('jsbarcode');

router.get('/', function(req, res, next) {
res.render('barcode', { title: 'Barcode' });

JsBarcode("#barcode", "Hi!");


});

module.exports = router;

这是我的玉模板：

doctype html
html
    head
        title= title

 svg#barcode

当我刷新页面时，什么都没有显示（空白页面）

我想要做的是先渲染图像，然后最终添加更多逻辑。

【问题讨论】：

标签： node.js express pug barcode jsbarcode

【解决方案1】：

在 res.render 之后你不能有任何代码行，因为页面会渲染。

如下所述更改您的barcode.js 文件

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
  res.render('barcode', { title: 'barcode' });
});

module.exports = router;

如下所述更改您的barcode.jade 文件

doctype html
html
  head
    title= title
  body
    svg#barcode
    script(src="https://cdn.jsdelivr.net/npm/jsbarcode@3.8.0/dist/JsBarcode.all.min.js")
    script.
      JsBarcode("#barcode", "Hi!");

这应该会在页面上为您提供一个条形码。然后您可以考虑将 ObjectId 发送到要生成的新条形码的玉文件。

【讨论】：