86得票12回答
Next.js环境变量未定义(Next.js 10.0.5)

我正在使用Next.js编写网站,并尝试添加Google标签管理器。 我遵循了Next.js Github示例上的教程,但由于某些原因,我无法访问我的环境变量。 它显示我的变量未定义。 我在项目文件夹中创建了一个名为.env.local的文件(与components、node_modules、...

86得票10回答
useRouter/withRouter在第一次渲染时未接收到查询的定义

我遇到了动态路由的问题。它看起来像这样: [lang]/abc 我尝试从 [lang] 获取查询值,但当我使用 useRouter/withRouter 时,我在页面渲染2-3次期间得到查询(第一次我得到 query.lang = undefined)。有可能在1次渲染中获得或使用任何技术...

86得票14回答
无法将SVG导入Next.js

当我尝试导入SVG图像时,会出现以下错误。我应该使用哪个加载器来导入SVG图像?./static/Rolling-1s-200px.svg 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate l...

80得票7回答
如何让Next.js的getStaticProps与typescript配合使用

我正在使用启用typescript功能的Next.js 尝试按照此处描述的方式使用getStaticProps https://nextjs.org/docs/basic-features/typescript 具有GetStaticProps类型export const getStaticP...

79得票7回答
错误:使用Next.js默认加载程序进行图像优化不兼容`next export`。

在将Next.js部署到Netlify时,我遇到了这个错误。Error: Image Optimization using Next.js default loader is not compatible with `next export`. Possible solutions: 6:...

78得票7回答
Next.js:使用状态的Router.push

我正在使用Next.js重构一个进行服务器端渲染的应用程序。 我有一个处理搜索请求的按钮。 在旧的应用程序中,处理程序如下:search = (event) => { event.preventDefault(); history.push({ path...

76得票3回答
如何在Next.js中处理POST请求?

我想在我的next.js api文件夹中设置一个POST路由,我将数据发送到该路由,但无法解析数据以实际保存到数据库中。如何处理next.js中的POST路由是最好的方式,特别是以JSON格式解析数据?

76得票23回答
Next.js的background-image CSS属性无法加载图像。

我正在尝试访问一个静态图像,以便在React内的inline backgroundImage属性中使用。 我正在使用Reactjs和Next.js进行开发,然后遇到了使用Next.js添加图像的问题,但通过使用名为:Next.js + Images的图像加载器来解决了这个问题。 现在我可以...

75得票1回答
Next.js:减少数据获取并在页面之间共享数据

我正在寻找更好的数据获取解决方案,用于Next.js应用程序。在这个问题中,我不仅仅是寻找一个解决方案,我想要多个选项,以便我们可以看到优缺点。 我的问题 现在有几个页面,所有页面都包含一个组件,显示静态内容和从API获取的一些动态内容的组件。每个页面在它们的getInitialProps...

74得票4回答
Next.JS中的"Link"、"router.push()"和"a"标签的区别

新手在这里,抱歉如果这是极其基础的问题,但我无法理解应该遵循哪种技术来跨越各个页面。 目前我知道三种不同的方法可以实现这一点: next/link 导出的链接组件 使用 next/router 导出的 useRouter 的 router.push() 简单的 HTML <a>&...