next.js相关内容

如何引导我的 NextJS 应用程序接受 otf 和 ttf 字体?

我正在使用 NextJS,当我构建我的应用程序时,我的控制台返回了我: ModuleParseError:模块解析失败:意外字符 '' (1:0)您可能需要适当的加载程序来处理此文件类型. 我想知道发生了什么问题,因为我已经构建了自定义 webpack 的配置. 这里是我的 next.config.js: module.exports={导出路径映射:() =>({“/“: { ..
发布时间:2022-01-08 23:25:40 其他开发

未调用 getDerivedStateFromProps

我使用 React 16.3.1 和 next.js. 我将 getDerivedStateFromProps 放在扩展 PureComponent 的类中. 代码如下: Header.js import { PureComponent } from 'react'...导出默认类 Header 扩展 PureComponent {构造函数(道具){超级(道具)this.color ..
发布时间:2022-01-08 23:25:19 其他开发

Next.js background-image css 属性无法加载图片

问题只是我试图访问静态图像以在 React 的内联 backgroundImage 属性中使用. 我正在使用 reactjs 和 next.js,然后我遇到了使用 next.js 添加图像的问题,但通过使用名为 Next.js + Images 的图像加载器解决了这个问题, 现在我可以使用普通的 html img 标签正常添加图片了 示例: 这 ..
发布时间:2022-01-08 23:25:10 前端开发

在 next.js 中获取客户端的当前 url

所以我正在开发一个 nodejs 应用程序,我将在该应用程序上安装我的新网站,并且我想为客户端的用户提供一种显示不同内容的方式,并根据用户按下的内容重新呈现.我的想法是,例如,首先用户会看到“请先选择一个工具",然后用户将在导航栏中选择一个工具,然后页面将被重新渲染并显示在 jumbotron 内选择的工具,其 url 为例如然后更改/admin/[ToolSelected]. 唯一的问题是 ..
发布时间:2022-01-08 23:24:52 其他开发

在构建 Docker 映像时要求安装 Typescript

我正在尝试构建使用 Typescript 的 Next.js/React 应用程序的 docker 映像. Typescript 已安装,我可以在没有 docker 的情况下在本地运行构建. 但是,随着 docker 映像的构建,我想到了以下几点: 步骤 8/10:运行 npm run build--->在ee577c719739中运行>项目@0.0.5 构建/app>下一个构建创建 ..
发布时间:2022-01-08 23:24:27 其他开发

如何在 JSON 表单中添加日期值?[附上片段]

我正在制作一个包含基本详细信息和就业详细信息部分的表单. 表格几乎完成了,我也可以为不同的部分形成一个 JSON 结构. 完整的工作示例在这里:https://codesandbox.io/s/nextjs-css-only-carousel-forked-v7gg0 现在对于就业详情部分,我需要将开始日期和结束日期作为输入字段. 所以我制作了一个自定义的月份和年份选择器, ..
发布时间:2022-01-08 23:23:31 前端开发

如何在 Next.js 中进行相关的 fetch API 调用

我是初学者,正在努力更好地理解 API 调用. 我想调用一个检索所有书籍的圣经 API.然后我需要调用与书相同的 api # 来检索请求书的所有章节. 然后我想显示书籍列表以及章节. 为此,我制作了一个实用函数,可以循环阅读书籍并返回章节.这就是它崩溃的地方. 我能够检索书籍并展示它们.但我对如何进行第二个 API 调用感到困惑.我不断收到无法序列化对象 Promise 的 ..
发布时间:2022-01-08 23:23:16 前端开发

使用 Nextjs 应用程序空闲 1 分钟后 Openlitespeed 会话超时

你好 Stackoverflow 社区. 因此,在使用 openlitespeed 托管由 express 提供支持的 nextjs 时,我遇到了一个非常奇怪的问题.一切都在生产中运行良好,除了一件事 - 会话的身份验证.用户已正确保存在 cookie 中,如果您在当前页面上的空闲时间不超过一分钟,它就会起作用,但如果您空闲时间超过一分钟,那么即使 cookie 也不会再对请求进行身份验证还在. ..
发布时间:2022-01-08 23:23:10 其他开发

为什么nodejs实例无法在google app engine标准环境下启动成功?

我正在将 nextjs 项目部署到 goole 应用引擎标准环境. 我从这个讨论中获得了一些灵感,并根据这个 repo. (我尝试将此演示项目部署到我的应用引擎并确认它运行良好) 但是在我部署项目后应用引擎显示 500 错误. https://stars-website-nextjs.ue.r.appspot.com/ 当我检查应用引擎日志时,它会显示此消息. ..
发布时间:2022-01-08 23:22:50 其他开发

环境变量不适用于 NextJS 上的 Mapbox 令牌

我有一个 Mapbox 地图,我正在尝试将环境变量传递给使用 NextJS 9.4 中的内置 .env.local 集成.根据 Next 文档,我正在使用 .env.local 文件,并且为了向浏览器公开 env 变量,我在它前面加上了 NEXT_PUBLIC_.但是,此设置不会传递访问令牌.当我直接传递令牌时,它确实有效,所以我知道这是 .env.local 文件没有传递该特定环境变量的某种问题 ..
发布时间:2022-01-08 23:22:42 其他开发

将 getStaticProps 与 next-redux-wrapper 一起使用

我正在开发一个简单的 next.js 应用程序.对于状态管理,我使用的是 next-redux-wrapper.在我的主页中,我想使用 store.dispatch 从我的 api 获取数据库中的所有房间. 当我使用 getServerSideProps 并调度它起作用的操作时,它会获取我所有的房间.但问题是当我想用 getStaticProps 获取房间时它不起作用,什么也没发生. ..
发布时间:2022-01-08 23:22:01 其他开发