Nextjs，公共文件夹中的图像在部署时未找到，但在本地找到
当我在本地开发时，将 /public 文件夹放在 /src/ 中时会找到图像: # 本地./src/public/images/ 然后，当我进行部署时，找不到图像.但是当我将公用文件夹放在 src 之外时，会发现图像: #部署./公共/图像/./src/ 我将图像用作: 有我必须使用的配置设置吗?
..
next.js相关内容
使用react和next.js时找不到fs模块的错误如何解决
我正在使用没有路由器设置的反应应用程序.我想构建我的 sitemap.xml 文件.我尝试了一些模块，如 sitemap.js、react-router-sitemap、sitemap-generator.但是这些模块由于 fs 模块丢失而引发错误.我通过 npm install --save 安装了 fs 模块.但它仍然显示错误. 我在一些论坛上找到在 webpack.config 文件中
..
Next.js - 如何添加 <link><head> 内的标签带有文字 onload 属性字符串值?
在 Next.js 项目中，我想在 中获得一些具有完全相同内容的初始 HTML: 没有 @ts-ignore 它说: 类型“DetailedHTMLProps"上不存在属性“onload".您指的是 'onLoad' 吗?ts(2322) 如果我使用 onLoad 而不是 onload 我得到
..
使用 Next.js next-routes，如何为基础网页定义主路由?
当使用下一个路由，并关闭默认/page 路由时 useFileSystemPublicRoutes: true 如何让网站的根页面显示? 我似乎无法找到任何工作的基本路线.例如这条路线: routes.add("homeRoute",'/','homePage'); 似乎不是来自 locahost:3000/ 我在 repo 中看到了一个我认为类似但没有解决方案的问题.
..
在 NextJS 路由中的 slug 前面添加符号(例如 @)
我正在尝试在 slug URL 前添加 @.例如:https://example.com/@username. 我试过 @[username].js 但这不起作用. 这可能吗? 解决方案 尝试使用 重写和一些正则表达式.Next.js 在后台使用 path-to-regexp. async rewrites() {返回 [{来源:'/:userId(@[a-zA-Z0-9]
..
getServerSideProps 访问当前浏览器 url
我正在调用 getServerSideProps 并像这样传入 req 和 res 参数: 导出异步函数 getServerSideProps({ req, res }) {} 我需要获取当前浏览器的url路径，在request对象中找不到.有没有办法在 getServerSideProps 中获取当前 url? 解决方案 您可以使用上下文参数中的 resolvedUrl 字段. 导
..
<头的使用方法>与 nextJS
我在将移动元标记导入 nextJS 应用程序时遇到问题.根据此处的文档，这应该可以https://nextjs.org/docs#populating-head 但我没有看到标题或我自己的任何元属性被渲染.我看到的是: 这看起来像是某种默认值. 从'
..
为什么静态生成的页面在发送到客户端时没有样式?
在运行 Next.js 官方样板 npx create-next-app 并在浏览器中预览时，我注意到静态生成的 html 文档没有样式: 我相信这可能会导致 FOUC 问题.如何确保页面在提供给客户端时已经设置样式，例如 Next.js 的官方网站: 注意:我只是使用 npx create-next-app 创建了一个样板项目，并没有修改任何代码.我正在使用 Next.js v12.
..
如何检测 Next.js 中 URL 哈希的变化?
我们如何检测 Next.js 项目的 URL 哈希变化? 我不想在每次 slug 更改时重新加载我的页面. 我无法使用，因为我的所有数据都来自 DB 示例:从 点击标签时http://example/test#url1 http://example.com/test#url2 尝试了以下方法，但这似乎仅适用于路径更改. import React, { useEffect,
..
在 next.js 中获取 url 查询参数时遇到问题
我只是想在我的 url 中获取参数的值. 我是 next.js 的新手，但总体来说还是很陌生. 我的网址是这样的: localhost:3000/?code=VhXHWwRemC32dPmm3oj0mMravO6MP3 现在，我只是在渲染一个像这样的页面: const Index = () =>{常量路由器 = useRouter();常量代码 = router.query.co
..
NextJs 多区域共享标头
我有 2 个应用程序 admin-shell 和 delivery-management，我在 NextJs 中使用 Multi Zones 来处理. 这两个应用程序都使用带有导航链接的共享标题，但我在从一个区域导航到另一个区域时遇到了问题. Admin-Shell 使用 next.config.js 文件在端口 4201 上运行 module.exports = {basePath
..
NextAuth中如何使用JWT存储数据
我在确认凭据后返回以下 JSON: {用户名:'foo'，名称:'bar'，类型:123} 但是，由于模型限制，NextAuth 不允许我存储所有字段，所以它在 JWT 中返回给客户端的是: {name: 'bar', email: null, image: null} 我的 [...nextauth].js 设置非常基本: 提供者:[Providers.Credentials({异
..
如何处理调用 API 的 Next.js 中动态路由的未找到 404?
我在客户端有一个由 React 和 Next.js 开发的网站，并从 Asp.Net 核心服务器调用 API 来获取产品和类别等动态数据. 问题是当我在请求的 URL 中有未定义的参数需要传递给 API 以获取相关数据时，如何重定向到 404 not found 页面. 例如，如果请求的 URL 是 https://domain/product/unique-title-of-prod
..
OnClick 触发另一个按钮单击事件
由于某种原因，在我的代码中，每当我单击取消按钮时，disableAccount 按钮的 onClick 事件就会被激活.因此，取消将 isEditMode 设置为 false，但 disableAccount 将其设置回 true，从而阻止我在 UI 中看到任何明显的变化.这是一个 next.js 项目. 从'react'导入反应；从'../Input/TextInput'导入TextInput
..
如何将 lang 属性添加到 Next.js 中的 html 标签?
在我的 Next.js 投资组合网站上运行了一些性能检查后，我注意到主 index.html 缺少一个 lang 属性 - 该属性作为扣除返回可访问性得分. 我可以使用 i18n 设置将语言环境添加到 next.config.js，但这些功能与 next export 不兼容 - 该站点是静态生成的. 错误:i18n 支持与下一个导出不兼容.有关部署的更多信息，请参见此处:https://
..
next js 图像组件错误“url"；参数有效但上游响应无效
..
如何在初始服务器端渲染后立即使用 React + NextJS 重新渲染客户端?
我使用带有 React 的 Next.js 创建了一个网站，并且非常喜欢声明一个 js 变量来定义组件样式，如下所示: const foo = {字体大小:'12px'，}; 在渲染方法中我这样做: render() {返回 (
bar);} 使用 ESLint，我可以快速找到未使用的样式/变量(如果没有引用)并保持代码整洁.因此我不使用
..
NextJS中环境变量的动态访问不起作用
我无法在 NextJS 中动态访问环境变量.在 .env.local 我有: NEXT_PUBLIC_TEST=test 在 _app.tsx 我有: const test = "NEXT_PUBLIC_TEST";console.log(process.env.NEXT_PUBLIC_TEST);//= '测试'console.log(process.env[test]);//= 未定义
..
NextJS:getInitialProps 方法
使用 NextJS 并看到一个页面示例: class IndexPage extends Component {静态异步 getInitialProps(context) {返回 {};}使成为() {返回
你好世界;}}导出默认 withRouter(IndexPage); NextJS 中的 getInitialProps 方法究竟是什么? 解决方案 getI
..
如何配置nextjs 9和ant design兼容性差?
升级 react、react-dom 和 nextjs 后出现此错误: 发生构建错误/home/lenovo/.../node_modules/antd/lib/style/index.css:7身体 {^ SyntaxError: Unexpected token {在 Module._compile (internal/modules/cjs/loader.js:720:22)
..