端口号未隐藏在 nginx 反向代理中(下一个 js 服务器)
我正在尝试通过 create-next-app 部署 next-js 应用，我有一个像这样的自定义 express 服务器 - const express = require('express')常量下一个 = 要求('下一个')const dev = process.env.NODE_ENV !== '生产'const nextApp = next({ dev })常量句柄 = nextApp
..
next.js相关内容
如何在不使用 getStaticPaths 的情况下从 getStaticProps 中的 url 获取参数?
下面是我的函数，其中我使用 getServerSideProps() 方法并根据我的 URL 中的参数 post_slug 动态获取数据. //每次请求都会调用它导出异步函数 getServerSideProps({ query }) {常量 { post_slug } = 查询 ||{};让 url = API_URLS.POST.GET_POST_BY_SLUG；url = url.repl
..
如何使用 Next/Head 渲染脚本
..
如何配置 Storybook.js Webpack 以使用 Next.js 项目中 CSS 模块中的绝对图像路径?
我正在尝试将 Storybook 配置为与 Next.js、Ant Design、Less 和 TypeScript 一起使用.在 Next.js 中，图像必须存储在 public/ 文件夹中，并使用在整个项目中使用的绝对路径进行引用.我在配置 Storybook.js webpack 以解析这些绝对图像路径时遇到问题. 例如，在 CSS 模块中我可以: .testImage {背景图片:
..
Next.js |有什么方法可以呈现 .xml 文件?
当指向 www.example.com/sitemap.xml.由于该项目是使用 Next.js 开发的，因此路由使用存储在 pages 目录中的 js 文件: example.com/help ->help.js example.com/info ->info.js 那么，有没有办法通过避免访问后端来实现呢? 解决方案 在public目录下添加静态文件sitemap.xml
..
Next.js 用于静态导出的动态页面参数
我的页面依赖于路由参数(例如:slug)，例如 http://example.com/blog/:slug.此路由路径在我的 next.config.js 文件中正确定义: module.exports = withPlugins(plugins, {exportPathMap: (defaultPathMap) =>{返回 {'/':{页面:'/home/home'}，'/blog/:slug
..
将变量从自定义服务器传递到 NextJS 中的组件
我已经在 NextJS 中设置了一个自定义服务器，如图 here 用于自定义路由. server.js: app.prepare().then(() => {createServer((req, res) => {const parsedUrl = parse(req.url, true)const { 路径名，查询 } = parsedUrlif (foreignLang(pathnam
..
Next Js 服务端 Api 读写 JSON
我正在尝试使用 Next.js 为自己编写一个基本的本地 api，它是一个时间线生成器，但实际上我一直无法从 api 文件夹中读取文件. 我在本地应用程序中想要什么: 1.一个简单的页面，我可以在其中输入事件，带有日期和描述 2.在某处打开一个 list.json 文件并将新事件推送到该 json 文件，并在其上写入. 我目前在做什么以及我被困在哪里: 我知道我们不能
..
错误:getaddrinfo ENOTFOUND ingress-nginx.ingress-nginx-controller.svc.cluster.local
我正在使用 NextJS，我需要它知道它何时在服务器或浏览器上发出请求.要在服务器端执行此操作，因为我在微服务架构中构建它，我需要获取服务的服务名称和命名空间以完成 url，如 http://SERVICENAME.NAMESPACE.svc.cluster.local. 所以在我的终端中，我打印出了所有不同的命名空间，如下所示: $kubectl 获取命名空间姓名 身份 年龄默认活动 9
..
Nextjs 从父目录导入外部组件
我有外部目录 common，我想将该目录中的 react 组件导入 web-static.在 web-static 我正在使用 nextjs. 目前我有这个错误: 找不到模块:无法解析“/Users/jakub/Sites/WORK/wilio-web-common/common/src/@vendor/atoms"中的“react" 我将这些行添加到 next.config.j
..
如何在 next.js 中省略 html 扩展?
我正在使用 next.js 构建一个静态网站，我希望我的 website.com/about.html 能够像以下那样工作:website.com/about-- 我不知道为什么它强迫我输入 .html. 即使我构建了我的项目:pages/about/index.js——它会生成一个 about.html 而不是 about/index.html 在静态网站上. 解决方案 我在nex
..
Nextjs-Graphql webpack loader:如何将 Nextjs 与 Graphql loader 集成
我正在尝试将 Nextjs 与 graphql-tag/loader 集成，这是我的 next.config.js 文件: const withSass = require('@zeit/next-sass')const graphqlLoader = require('graphql-tag/loader')module.exports = withSass({webpack: (config
..
NextJS 路由器 &笑话:如何模拟路由器更改事件
我正在使用 next-routes 并且在我的 React 组件中我使用下面的 useEffect 代码块来检测 Router 更改事件: useEffect(() => {//当组件已经安装时，这个块将被执行，并且在路由客户端时屏幕将被重新渲染const handleRouterChangeComplete = url =>{//console.log('INNNN handleRouterC
..
“下一个认证/反应"在 next-auth 中制作自定义电子邮件登录页面时找不到模块
我正在为身份验证部分制作一个带有 next-auth 的 NextJs 应用程序.使用 next-auth 自己的默认页面成功实现了电子邮件登录. 但现在我想要一个自定义登录页面.我为此遵循了 文档，并添加了pages: { signIn: '/auth/signin' } 在我的 [...nextauth].js 文件中.然后，我在 pages/auth/signin.js.但是在运行 y
..
带有 nextjs 的 material-ui 选项卡?
我在 material-ui、nextjs 和 typescript 中有一个项目.我正在尝试让我的导航栏与 nextjs 一起使用: import * as React from 'react';从“@material-ui/core/AppBar"导入 AppBar；从“下一个/链接"导入链接；从“@material-ui/core"导入{Tab, Tabs}；导出默认函数 NavBar
..
无法修复“意外的令牌名称«i»，预期的双引号«;»"来自 UglifyJs
我创建了一个带有自定义下一个服务器的反应应用 server.js: const { createServer } = require('http');常量下一个 = 要求('下一个');常量应用 = 下一个({开发:process.env.NODE_ENV !== '生产'，配置:{webpack: 配置 =>{config.devtool = 假；for (config.module.r
..
“Lighthouse 无法下载 robots.txt 文件"尽管文件可以访问
我有一个 NodeJS/NextJS 应用程序在 http://www.schandillia.com.该项目有一个 robots.txt 文件，可在 http://www.shandillia 访问.com/robots.txt.截至目前，该文件是用于测试目的的准系统: 用户代理:*允许:/ 但是，当我在我的网站上运行 Lighthouse 审核时，它会引发 抓取和索引错误，说它无法下载 r
..
如何使用 next/script 组件(Next.js 11)加载谷歌标签管理器?
Next.js v11 发布了一个新的 Script 组件有不同的策略. 建议使用 afterInteractive 策略加载 Google TagManager. 我试过了 //_app.js从“下一个/脚本"导入脚本；类 MyApp 扩展 App {公共渲染(){const { 组件，pageProps } = this.props;返回 (
..
使用 chakra-ui 和 next.js 时 Object.fromEntries 不是函数错误
我使用 Vercel 创建了一个 next.js 应用程序，然后使用以下命令行安装了 chakra-ui: npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4 导致以下错误: TypeError: Object.fromEntries 不是函数在内部(/Users/vaibhav
..
如何处理 next.js 路由中的斜杠?
我正在尝试设置 next.js 应用程序，但在处理带有斜杠的路线时遇到了问题.因此，例如，如果我有这样的页面结构: 页面- index.js- 博客- index.js- [蛞蝓].js 然后去 / 给我基本的 index.js，去 /blog 给我 blog/index.js，然后转到 /blog/my-post 给我 blog/[slug].js — 到目前为止一切顺利. 但是转到
..