点击登录按钮后控制台无输出问题求助

核心误区：搞混了两个控制台 #

你当前查看的是服务器终端控制台，但前端代码里的console.log是输出在浏览器开发者工具的控制台里；而jet-logger是Node.js后端专用的日志库，前端浏览器环境不支持，所以这两个都不会出现在你当前看的终端中。

解决步骤 #

1. 查看正确的控制台输出 #

打开浏览器开发者工具（按F12或Ctrl+Shift+I），切换到「Console」标签页，再点击登录按钮，就能看到console.log('Login button was pressed')的输出。

2. 前端移除后端日志库 #

前端环境无法运行jet-logger，直接删除以下代码：

import logger from 'jet-logger';
// ...
logger.info('Login button was pressed')

前端日志直接使用console.log/info即可。

3. 验证点击事件是否触发 #

如果浏览器控制台仍无输出，检查以下几点：

• 确认按钮id确实是login-btn，无拼写错误
• 若按钮包含子元素（比如<button id="login-btn"><span>登录</span></button>），点击子元素时event.target不是按钮本身，将匹配逻辑改为：

  if (event.target.closest('#login-btn')) {
    // 你的业务代码
  }
  

• 在浏览器开发者工具的「Sources」标签找到login.js，添加断点验证代码是否执行。

4. 后端日志的正确用法 #

如果想在服务器端记录登录请求，要在后端的登录接口（比如src/routes/auth.ts）中使用jet-logger，示例：

import logger from 'jet-logger';

router.post('/api/auth/login', async (req, res) => {
  logger.info('收到登录请求，邮箱：', req.body.email);
  // 后续业务逻辑
});

此时服务器终端就能看到对应的日志输出。

内容的提问来源于stack exchange，提问作者TheMortiestMorty