Nextjs在使用"next“运行时不会记录console.log或console.error
Next.js 是一个基于 React 的轻量级框架，用于构建服务器渲染的 React 应用程序。它提供了一种简单且灵活的方式来创建具有优化性能和 SEO 的现代 Web 应用程序。
在使用 "next" 运行时，Next.js 默认会禁用控制台日志记录，包括 console.log 和 console.error。这是因为在生产环境中，控制台日志可能会暴露敏感信息或导致性能问题。禁用控制台日志可以提高应用程序的安全性和性能。
然而，如果需要在开发环境中记录控制台日志，可以通过设置环境变量来启用它们。在 Next.js 中，可以使用以下命令来启用控制台日志记录：
NODE_ENV=development npm run dev这将在开发模式下启动 Next.js 应用程序，并允许记录控制台日志。
总结：
- Next.js 是一个基于 React 的服务器渲染框架。
- 在使用 "next" 运行时，默认情况下禁用控制台日志记录。
- 禁用控制台日志可以提高应用程序的安全性和性能。
- 可以通过设置环境变量来启用控制台日志记录，在开发模式下可以启用它们。
更多关于 Next.js 的信息和相关产品介绍，请参考腾讯云的官方文档：
相关·内容
2回答
我的项目设置如下： project-ci (only docker)
nextjs
backend 试运行和生产环境是相同的，所以我只传递了试运行参数的docker-compose.yml文件(两个环境都是使用这些命令构建的，首先是npm run build，然后是npm run start) args:
NEXT_PUBLIC_URL: arbitrary_value 在nextjs的Dockerfile中放入以下命令 ARG NEXT_PUBLIC_URL
ENV NEXT_PUBLIC_URL=$NEXT_PUBLIC_URL 因此，可以使用process.env.NE
浏览 135提问于2020-10-12得票数 7
出于身份验证的原因，我有一个带有NextJS服务器的ExpressJS应用程序来处理应用程序的某些部分。应用程序运行时没有问题，直到我尝试使用env变量作为数据库配置的后缀ORM。起初，我认为这可能是由于NextJS和ExpressJS一起运行而产生的细微差别，但是在代码中的不同位置记录控制台之后，看起来我的Sequelize配置文件正在运行并在NextJS/ExpressJS从文件中加载它们之前设置env变量。
有人能给出原因吗？
config/sequelize.js my DB配置文件：
console.log("Loading config file")
console
浏览 1提问于2021-04-29得票数 0
回答已采纳
所以.我在下一个js中有一个api，它使用Prisma客户端。Prisma是从prisma.ts中定义的全局对象导入的。
在本地，一切都很好地构建和运行。我没有错误，并定义了prisma变量。然而，当它被部署到Vercel时，prisma是个未知数.我不知道为什么。
如果有人有任何建议，我会非常感激的。
import eBayApi from "@hendt/ebay-api";
import prisma from "../../lib/prisma";
const eBay = new eBayApi({});
export default async
浏览 5提问于2021-04-18得票数 0
回答已采纳
我是新的want和Nextjs，我开发了一个在线商店项目，我将它部署在一个Cpanel上，我想在SSL端口HTTPS上重定向它
app.js：
const { createServer } = require("http");
const { parse } = require("url");
const next = require("next");
const dev = process.env.NODE_ENV !== "production";
const port = !dev ? process.env.PORT :
浏览 11提问于2022-03-12得票数 1
回答已采纳
我在Next.js应用程序中使用Sentry捕获控制台错误时遇到了问题。
因此，问题在于，在一个我们无法访问的库中的某个地方，我们在WebSocket WebSocket is already in CLOSING or CLOSED state中出现了以下错误
很明显，它似乎出现在铬调试面板中。
但没有发送到用next.config.js中的代码初始化的哨兵
const withPlugins = require('next-compose-plugins');
const { withSentryConfig } = require('@sentry/next
浏览 9提问于2022-02-16得票数 0
回答已采纳
1回答
我在typescript中有一个静态类，它有一个异步构建方法，如下所示：
export default class DbServiceInit {
public static myProperty: string;
public static build = async(): Promise<void> => {
try {
DbServiceInit.myProperty = "ssss";
console.log('My Static Clas
浏览 0提问于2019-06-27得票数 1
我的服务器主文件如下所示 const express = require("express");
const next = require("next");
const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== "production";
const app = next({ dev });
const handle = app.getRequestHandler();
app
.prepare()
.the
浏览 32提问于2021-04-19得票数 0
我正在尝试查看我所有的浏览器cookie，但我注意到由express-session创建的express-session没有被我尝试过的各种React库所识别，我想知道为什么会这样呢？这与其他设置的曲奇有明显的不同吗？我是不是遗漏了什么？
这里是如何在快递端设置服务器：
const express = require('express')
const next = require('next')
const bodyParser = require('body-parser')
const flash = require('connect
浏览 3提问于2020-12-24得票数 0
回答已采纳
我使用express + passport + nextjs来设置一个应用程序，该应用程序将使用OpenID连接执行身份验证。用户数据使用express-session存储在请求对象上，这给了我与往常一样的每个请求的req.user。
现在，我希望将用户信息传递给前端，这样我就可以将其用于某些事情，但是似乎没有任何一致的方法来处理所有请求。我可以对单个页面使用getServerSideProps，但不能通过_document或_app对每个页面使用。我该怎么安排呢？
这是我现在的_document.tsx
import Document, {
Head,
Main,
NextScr
浏览 3提问于2020-06-08得票数 6
回答已采纳
2回答
设置后React状态为空
、、、、
我有一个简单的nextjs应用程序，我想保存并打印状态到fetchData
这是我的代码
const Room = () => {
const router = useRouter();
const [fetchData, setFetchData] = useState("");
useEffect(() => {
if (router.asPath !== router.route) {
getDataNames();
console.log(fetchData); // Empty
}
}, [rout
浏览 7提问于2021-02-26得票数 2
回答已采纳
1回答
我将nextJS与NodeJS结合使用，并希望启用子进程或工作人员。nextjs自己提供的代码运行得非常好。
*我所说的NextJS提供的代码：
*我跟踪的另一个网站：
server.listen(8080, (err) => {
if (err) throw err;
console.log(`> Ready on http://localhost:${8080}`);
});
我尝试用以下代码替换上面的代码：
//if the cluster is master
if (cluster.isMaster) {
for (let i = 0; i
浏览 7提问于2022-05-24得票数 2
回答已采纳
我有一个关于nextjs页面中间件的问题，根据请求对象应该包含geo、IP、ua、cookie和nextjs属性的文档。
所以我所要做的就是通过这样的页面中间件获得用户的位置：
import { NextRequest, NextResponse } from 'next/server';
export async function middleware(req) {
const { nextUrl, geo } = req;
console.log(geo) //=> always empty {}
const country = geo.country
浏览 7提问于2022-05-11得票数 2
1回答
我使用Next js12.1，我在.env.local中定义了一些env，在本地一切都很好，但是当我在服务器中部署时，我意识到我在服务器中定义的环境变量是未定义的。当我记录env时，它在浏览器中是未定义的，并且在服务器终端中工作。这是我的next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
outputStandalone: true,
},
compiler: { styledComponents: true },
en
浏览 6提问于2022-07-12得票数 0
1回答
我正在尝试将查询参数记录到Nextjs项目中。我从未看到记录的值，但该值显示在页面上。我应该忽略npm dev中的日志没有显示查询参数，还是应该处理它未定义的情况？
/pages/test/test.js
import {useRouter} from "next/router";
import React from "react";
const Test = () => {
const router = useRouter();
const {test} = router.query;
console.log(router.qu
浏览 1提问于2021-01-03得票数 0
想知道如何定义API POST Nextjs路由的主体类型，以便从类型安全性中获益？在NextApiRequest中，主体被定义为"any“，而NextApiRequest不是泛型的
使用强制类型，但这一点都不干净。
运行NextJs12和类型记录4.4.4
import { NextApiRequest, NextApiResponse } from "next";
interface IBody {
test: string;
value: number;
}
const handler = async (
req: NextApiRequest,
浏览 0提问于2021-11-12得票数 5
1回答
停止Lambda触发器
、、、
我在dynamoDB中有一些记录，并通过serverless.yml文件配置了与之关联的触发器。
configuration events: - stream: type: dynamodb arn: Fn::GetAtt: - myTable - StreamArn batchSize: 1下方
但我有一个要求，基于某些标志，如果一个记录以失败结束，并且随后必须从dynamoDB中删除该事务的所有记录，则我应该停止所有记录(λ)的执行。
我注
浏览 12提问于2018-01-04得票数 0
回答已采纳
2回答
我想使用带有firebase云函数的NextJS，并且我正在创建一个云函数：
import * as functions from 'firebase-functions';
import cors from 'cors';
import express from 'express';
import next from 'next';
const nextApp = next({ dev: false });
const handle = nextApp.getRequestHandler();
nextApp
.prep
浏览 3提问于2017-07-19得票数 1
系统信息
：4.16.4
：8.0.3
：16.8.4
：16.8.4
目标
在本地主机上使用SSL在HTTPS上服务web应用程序
做了什么，
使用NextJS创建基本应用程序
使用OpenSSL生成证书和密钥，并将其移到项目目录中。
添加了Express依赖项
将应用程序配置为在server.js中使用express
更改脚本以使用server.js内部的package.json脚本。
server.js
const express = require('express');
const next = require(&#
浏览 0提问于2019-03-22得票数 11
回答已采纳
2回答
设置 app.use("/api/tobaccos", tobaccos);
app.use(function(err, req, res, next) {
console.error(err.message);
}); 接口： router.get("/:id", async (req, res) => {
console.log("GET TOBACCO:" + req.params.id);
await Tobacco.findById(req.params.id)
.then(tobacco => r
浏览 48提问于2020-07-05得票数 2
回答已采纳
1回答
我不能在NextJS中动态访问环境变量。在.env.local中，我有：
NEXT_PUBLIC_TEST=test
在_app.tsx中，我有：
const test = "NEXT_PUBLIC_TEST";
console.log(process.env.NEXT_PUBLIC_TEST); // = 'test'
console.log(process.env[test]); // = undefined
我在应用程序中尝试了同样的方法：
# .env
const test = 'REACT_APP_TEST'
console.log(p
浏览 1提问于2021-07-09得票数 5
回答已采纳
我正在开发一个NextJS应用程序，并在开发过程中一直使用npm run dev。现在，我正试图像在上描述的那样，做一个生产构建。
我的应用程序在生产模式下崩溃；似乎cookie-parser节点中间件没有安装在生产构建中？下面是我是如何设置的：
server.js
const express = require('express');
const next = require('next');
const cookieParser = require('cookie-parser'); // require cookie-parser
con
浏览 0提问于2018-03-16得票数 1
我在nextjs.org上学习了nextjs，并做了我在教程中读到的内容，但是它不起作用。....why是onLoad内部的函数没有执行吗？我已经检查了浏览器开发工具中的“网络”选项卡，并且没有调用该链接。
import Link from 'next/link';
import Head from 'next/head';
import Script from 'next/script';
const FirstPost = () => {
return (
<div>
<Head>
&l
浏览 8提问于2022-09-27得票数 0
回答已采纳
1回答
无法在api调用上使用getSession({req})获取会话数据？组件上的useSession()运行良好。
软件包版本: nextjs@12.01，next-auth@4.3.1
发行: api/lists.ts：
import prisma from "../../../lib/prisma";
import { getSession } from "next-auth/react"
export default async (req: NextApiRequest, res: NextApiResponse) => {
浏览 22提问于2022-06-01得票数 0
回答已采纳
1回答
当尝试使用Dockerfile在云运行中实现CI/CD时，它会失败，就好像找不到一些失败一样。我在本地建造了同样的集装箱，没有问题。这是我的Dockerfile：
NextJS版本: 12.0.1
码头工人: 4.4.2
# Install dependencies only when needed
FROM node:16-alpine AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why
浏览 3提问于2022-01-18得票数 1
1回答
以前曾问过几个类似的问题，但我无法为这个用例找到任何解决方案。
我试图编写一个预提交钩子，在每次保存新的“记录”文档时生成一个自动增量ID号。
自动增量ID的创建工作正常。我可以通过检查console.log来验证这一点。
问题是没有在保存的文档上设置RecordID。保存文档时，将在save()调用中设置正确的值，而不是在预保存钩子中设置RecordID。
记录模型
async function getNextSequence(name) {
let seq, result;
try {
result = await counters.findOneAndUpdate({
浏览 0提问于2019-06-14得票数 0
我正在将next-auth包集成到我的fresh nextjs项目中。我遵循了所有的nextjs和next-auth文档，但找不到解决方案。我面临的问题是这样的:我想使用提交给运行在Laravel上的应用程序接口服务器的电子邮件和密码登录到我的NextJS应用程序。正在执行以下功能的登录表单的onSubmit。 import { signIn } from "next-auth/client"; const loginHandler = async (event) => {
event.preventDefault();
c
浏览 23提问于2021-06-26得票数 3
基本问题可以总结如下:使用ws在节点中创建Websocket服务器时，使用express服务器填充的服务器选项(如this示例)，同时使用同一express服务器处理NextJS的路由(如this示例)，upgrade报头似乎未被正确解析。 express没有将请求路由到Websocket服务器，而是发回一个HTTP 200OK响应。 我到处寻找这个问题的答案，可能是我根本不理解这个问题。在NextJS的github上的issue中提出了一个可能相关的问题。他们建议在本地next.config.js中设置WebsocketPort和WebsocketProxyPort选项，但是我已经尝试过了
浏览 107提问于2019-09-23得票数 1
回答已采纳
1回答
我在测试我的express服务器时遇到了问题，我希望得到一个200的响应。当我运行测试时，我得到以下错误：
Test server status
1) server should return 200
0 passing (260ms)
1 failing
1) Test server status
server should return 200:
TypeError: app.address is not a function
这是spec文件：
import chai from 'chai';
import chaiH
浏览 0提问于2018-03-16得票数 0
我通过npx create-next-app初始化了一个NextJs应用程序(v10.2.0)，并在pages folder的index.js文件中复制了以下代码。我正在尝试从json文件中获取数据，然后将其作为props传递给页面组件。
import fs from 'fs/promises';
import path from 'path';
function Home(props) {
const { products } = props;
return (
<ul>
{products.map((product
浏览 2提问于2021-05-16得票数 3
1回答
页面没有被渲染。在我的项目中，我正在使用带有类型记录的NextJS。在我添加ExpressJS类型记录作为中间件之前，该项目运行良好。React没有将其注册为React。在使用inspect元素时，页面的内容似乎在那里，但是css却丢失了。如果我跑了
yarn next dev
它正常工作，但是服务器文件不能工作。
文件夹结构
|_.next
|_node_modules
|_components
| |_FirstComponent
| |_index.tsx
| |_Fi
浏览 5提问于2021-04-01得票数 0
回答已采纳
2回答
嗨,
希望你们都做得很好.
我正在尝试开发一个NextJS单页web应用程序。对于nextJs的自定义服务器，我使用的是Express，MongoDB，以及使用nodemon进行热重加载。如果启动服务器，它将显示错误(错误:无法找到模块'./api/routers')模块未找到，最后应用程序崩溃。但是我也创建了api/路由器文件夹和文件，创建并导出了快速路由器功能。
const router = require("express").Router();
router.get("/all", (req, res) => {
res.
浏览 1提问于2020-05-11得票数 0
1回答
我有一个运行NextJS v12.2.5的Next.js应用程序，但它似乎并不是在读取环境变量。
我创建了一个.env.local文件，该文件具有：
NEXT_PUBLIC_SERVER_URL=http://localhost:3001
我的next.config.js是：
/** @type {import('next').NextConfig} */
const withTM = require('next-transpile-modules')(['react-daisyui'])
module.exports = withTM({
浏览 25提问于2022-09-03得票数 0
我们正在使用WL企业6.2.0.1开发一个WL应用程序。我们有四个环境(Dev/QA/UAT和PROD)。
我们的应用程序正在服务器(file:SystemOut.log)上记录用户凭据，这对于Dev环境来说是可以的。但是，当我们需要将构建移动到QA和UAT时，我们需要禁用日志记录，因为这是一个安全的观点，我们不能继续推进。
我们所做的是将以下代码添加到initOptions.js中：
var bEnableConsoleLog = false; // Enable Disable the logging
var wlInitOptions = {
...
...
...
logger :
浏览 0提问于2015-02-09得票数 0
回答已采纳
1回答
求出电流可观测状态的值
、、、
因此，我试图得到我的Observable<firebase.User>的价值(电子邮件)。我知道有一种叫做BehaviourSubject的东西，但我不能使用它，因为似乎firebase.User需要一个可观察的东西。
retrieveUserData(){
let emailVal = "";
this.userData.subscribe(
{
next: x => emailVal += x.email && console.log(x.email),
error: err
浏览 2提问于2020-10-29得票数 0
回答已采纳
我有一个带有自定义服务器的nextjs应用程序来缓存和修复urls。有没有办法通过console.log或任何其他日志记录来进行调试？Next.js会自动清除屏幕，以便擦除所有日志。
我发现有一个配置选项可以停止自动清除，但我不知道如何将其写入"next.config.js“文件中。
浏览 0提问于2019-06-26得票数 4
1回答
我使用的是NextJS，通常涉及到使用getStaticProps或其他方法在服务器上和客户端上保存凭据。我还没有找到一个干净的解决方案来使用普通的NextJS方法将其应用于下面的AWS配置。但是，我确实找到了另一个与非常相关的堆栈溢出帖子。我已经使用它构建了下面共享的示例，但是我担心我能够console.log我的env变量，通常情况下，如果它在服务器上处理--客户机上的值是undefined。
所以问题是，从安全的角度来看，能够在客户机上记录配置变量安全吗？
.env
AWS_ACCESS_KEY_ID=example
AWS_SECRET_ACCESS_KEY=example
n
浏览 1提问于2021-08-08得票数 1
回答已采纳
我尝试在多播中使用Subject来完成，但它没有显示在complete()方法中设置的完成消息。原因何在？以及如何使用error和complete方法？
let source = new Observable(subscriber => {
subscriber.next(1);
subscriber.next(2);
return () => {
subscriber.complete();
console.log('Unsubscribed');
}
});
let subject = new Subjec
浏览 3提问于2021-12-03得票数 0
我试图构建一个spotify克隆使用NextJS 12和顺风css模板。
我使用这个命令来创建项目：npx create-next-app -e with-tailwindcss spotify-2。
该项目创建得非常出色，但当我在执行npm run dev后运行cd spotify-2时，我得到了以下错误：
> @ dev /home/aishik-ubuntu/MEGAsync/Programming On Ubuntu/My Projects/NextJS Projects/spotify-2
> next dev
ready - started server on 0.0
浏览 1提问于2021-11-26得票数 6
回答已采纳
在NextJS中，让我的getStaticProps函数将返回的道具传递到模板页面时，我遇到了一些问题。 下面是我目前拥有的动态页面模板的代码。 // src/pages/blog/[slug].js
import React from 'react';
import matter from 'gray-matter';
import ReactMarkdown from 'react-markdown';
import Layout from '../../components/layout';
export defaul
浏览 34提问于2020-12-11得票数 1
2回答
对于我的网站，我使用React和NextJS。我有一个自定义服务器。我的server.js看起来是这样的：
const express = require('express')
const next = require('next')
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()
app.prepare()
.then(() => {
const
浏览 1提问于2018-10-01得票数 0
我在NextJs的动态页面中添加了Console.log('Dynamic page')，但我意识到它记录了两次而不是一次。我将日志函数移动到具有空数组依赖项的useEffect中，但它仍然记录了两次。这里有什么问题？谢谢
守则/主题/条款：
import { useRouter } from 'next/router'
import { useEffect } from "react"
import Image from "next/image"
import Link from "next/link"
impo
浏览 3提问于2022-04-17得票数 0
回答已采纳
1回答
我有从strapi后端获取数据的nextjs前端。问题是，即使我可以在strapi dev日志上看到请求已经发出，数据也是空的。
这是next.js代码
import { useRouter } from "next/router";
import React, { useEffect } from "react";
const Room = () => {
const router = useRouter();
let fetchData;
useEffect(() => {
if (router.asPath !== ro
浏览 35提问于2021-02-23得票数 1
回答已采纳
我不明白为什么我的useEffect() React函数不能访问组件的状态变量。当用户放弃在我们的应用程序中创建一个列表并导航到另一个页面时，我试图创建一个日志。我正在使用useEffect() return方法来复制componentWillUnmount()生命周期方法。你能帮上忙吗？
代码样本
let[progress, setProgress] = React.useState(0)
... user starts building their listing, causing progress to increment ...
console.log(`progres
浏览 2提问于2020-05-22得票数 17
回答已采纳
我正在处理一个NextJS项目，我想使用github webhook来部署一个包含部署说明的脚本。
我已经在github中设置了一个推送webhook
我尝试在server.ts文件中添加以下代码，现在使用ngrok对其进行测试
// testing
server.post("/webhooks/github", function(req, res) {
var sender = req.body.sender;
var branch = req.body.ref;
if (branch.indexOf("master") > -1 &
浏览 4提问于2019-11-27得票数 4
如何在React中管理依赖注入？ 我来自一个角度世界，在那里所有的服务都是单例类(即在整个应用程序中只有一个类的实例)。在我的React App中，我尝试将一些“服务”(即做HTTP请求或身份验证的东西)抽象到它们自己的类中。我猜这是React中的反模式。 例如，我有一个HttpService为： class HttpService {
public readonly axios = axios;
constructor() {
console.log('NEW HTTP SERVICE');
this.registerInterceptors();
浏览 31提问于2020-06-22得票数 0
回答已采纳
我正在尝试将我的网站迁移到NextJS，而且我在国际化方面遇到了困难。
我正在学习来自本身的教程，但是我在检查器中的区域设置是未定义的。
我做错什么了？我正在使用最新版本的nextJS。
我想从console.log那里得到一些信息。
console.log("Locale: " + locale);
console.log(router);
印出来：
next.config.js
module.exports = {
i18n: {
locales: ['en-US', 'pt-BR'],
defa
浏览 1提问于2021-12-01得票数 2
回答已采纳
我在使用react和nextjs访问我的wooCommerce应用程序接口时遇到了一些困难。 我总是有这样一条消息: woocommerce_rest_cannot_view我尝试了在stackoverflow上的其他线程上看到的响应，但没有对我起作用。 这是我的server.js const next = require('next');
const express = require('express');
const wooConfig = require( './wooConfig' );
const WooCommerceAPI =
浏览 73提问于2020-12-20得票数 1
回答已采纳
我在Nextjs中有一个webapp应用程序，无论是在服务器模式还是客户端模式下，对process.env的访问总是返回“未定义”：
.env文件
NEXT_PUBLIC_CURRENCY_ES=Euros
NEXT_PUBLIC_CURRENCY_MX=Pesos
NEXT_PUBLIC_CURRENCY_GB=Pounds
CURRENCY_ES=Euros
CURRENCY_MX=Pesos
CURRENCY_GB=Pounds
代码：
//Client side
//country can be: ES, MX, GB
const varName = "NEXT_PUBLI
浏览 1提问于2020-12-22得票数 0
回答已采纳
目前，由于cypress在我的dev依赖项中，并且当我构建下面的docker映像时，我正在运行长的安装过程：
# Install dependencies only when needed
FROM node:14.8.0-alpine3.12 AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
RUN apk add --no-
浏览 9提问于2022-01-28得票数 1
2回答
我正在NX工作区中运行一个nextJS应用程序，我需要访问客户端的env变量。
/apps/myproject/.local.env
NEXT_PUBLIC_PROJECT=my-super-project
/apps/myproject/next.config.tsx
module.exports = {
publicRuntimeConfig: {
PROJECT: process.env.NEXT_PUBLIC_PROJECT
}
}
在我的nextJS应用程序中，我尝试了几种方法：
/apps/myproject/pages/_app.tsx
import nextCo
浏览 4提问于2021-05-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
