Javascript 活动类在节点+；表达

我创建了一个简单的导航栏和一个表单。现在，我希望导航栏显示当前活动选项卡，并将其颜色更改为黄色或任何默认颜色。但不知何故，它不起作用。这是我的密码

main.pug

doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
        meta(http-equiv="X-UA-Compatible", content="IE=edge")
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        link(href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous")
        link(rel="preconnect" href="https://fonts.gstatic.com")
        link(href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet")
        link(rel="stylesheet" href="/css/add-product.css")
        title #{docTitle}
    body 
        nav.navbar.navbar-expand-lg.navbar-light.bg-dark
            a.navbar-brand(style="padding-left:30px;font-size:2rem;font-family: 'Montserrat', sans-serif;color:white;font-weight:bold;" href="#") Node.Js 
            button.navbar-toggler(type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation")
                span.navbar-toggler-icon
            .collapse.navbar-collapse(id="navbarNav")
                ul.navbar-nav
                    li.nav-item
                        a.nav-link(style="padding-left:30px;font-size:1.3rem;font-family: 'Montserrat', sans-serif;color:white;font-weight:bold;" href="/shop", class=(path==='/shop' ? 'active' : '')) Shop
                    li.nav-item 
                        a.nav-link(style="padding-left:30px;font-size:1.3rem;font-family: 'Montserrat', sans-serif;color:white;font-weight:bold;",href="/add-product" class=(path==='/add-product' ? 'active' : '')) Product
        block content

shop.js

const express = require('express');
const myproduct = require('./data');
const path = require('path');
const bodyparser = require('body-parser');
const router = express.Router();
router.use(bodyparser.urlencoded({extended: false}));
router.get('/shop', (req,res,next)=>{
    res.render('home', {docTitle: 'Index', prods:myproduct.products, path: '/shop'})
});
exports.routers = router;

const express = require('express');
const products = [];
const path = require('path');
const router = express.Router();
router.get('/add-product', (req,res,next)=>{
    res.render('add-product', {docTitle: 'Add Product',  path: '/add-product'})
});
router.post('/product', (req,res,next)=>{
    products.push(req.body);
    res.redirect('/add-product');
});
exports.routers = router;
exports.products= products;

data.js

const express = require('express');
const myproduct = require('./data');
const path = require('path');
const bodyparser = require('body-parser');
const router = express.Router();
router.use(bodyparser.urlencoded({extended: false}));
router.get('/shop', (req,res,next)=>{
    res.render('home', {docTitle: 'Index', prods:myproduct.products, path: '/shop'})
});
exports.routers = router;

const express = require('express');
const products = [];
const path = require('path');
const router = express.Router();
router.get('/add-product', (req,res,next)=>{
    res.render('add-product', {docTitle: 'Add Product',  path: '/add-product'})
});
router.post('/product', (req,res,next)=>{
    products.push(req.body);
    res.redirect('/add-product');
});
exports.routers = router;
exports.products= products;

---

好的，我必须删除粗体属性，让我试试out@trincot我删除了粗体属性，但它仍然没有改变颜色。我在你的帖子上没有看到任何编辑，所以我继续为你删除了粗体（双星号）。兄弟你编辑的帖子很好，但是你有什么解决我问题的方法吗？没有，因为我不知道这项技术。为了引起人们的注意，你应该添加相关的标签，比如

express

和

pug

。