JSbarcode не отображается

Я пытаюсь создать маршрут в приложении nodejs, которое генерирует штрих-код из objectId в нефритовом шаблоне. Однако, поскольку я включил свой маршрут и обновил, изображения не отображаются.

Я прочитал документацию и пробовал разные методы, но рендеринг все еще не выполняется.

Вот мой штрих-код.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

Когда я обновляю страницу, ничего не отображается (пустая страница)

То, что я пытаюсь сделать, это сначала отобразить изображение, а затем, в конечном итоге, добавить больше логики.

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
756
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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/[email protected]/dist/JsBarcode.all.min.js")
    script.
      JsBarcode("#barcode", "Hi!");

Это должно дать вам штрих-код на странице. Затем вы можете изучить отправку ObjectId в нефритовый файл для создания нового штрих-кода.

Другие вопросы по теме