问题标签 [nextjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
201 浏览

node.js - 尽管蓝鸟,猫鼬还是给出了妥协的弃用警告?

在编译我的 Node-Mongoose (NextJS) 应用程序时,我不断收到以下错误:

DeprecationWarning: Mongoose: mpromise (mongoose 的默认承诺库) 已被弃用,请插入您自己的承诺库: http ://mongoosejs.com/docs/promises.html

我已经有了 bluebird promise 引擎,但我想不出我错过的任何其他东西。我的服务器文件具有以下声明(当然还有其他声明):

我的模型文件有以下内容:

我错过了什么?

0 投票
1 回答
704 浏览

nextjs - Unable to retrieve value passed by getInitialProps() in a NextJS functional component

I have a stateless, functional component in NextJS where I'm trying to initialize some data upon load using getInitialProps():

However, no matter what I do, it always renders with a blank <p></p>. Why isn't the value returned by getInitialProps() being read by the component?

0 投票
1 回答
56 浏览

nextjs - 如何从页面脚本访问自定义响应值?

这听起来像是一个愚蠢的问题,但我真的尽我所能来解决这个问题。我正在创建一个变量并将其添加到自定义 Express 服务器文件中的响应对象中,如下所示:

现在我想从我的所有页面(即index.jsabout.js等)访问这个res.locals.user对象,以便在活动会话的用户凭据上保留一个选项卡。一定有可能,对吧?

PS:阅读 NextJS Github 页面上的一些线程,我尝试从我的 props 对象访问它,this.props.user但即使服务器端console.log显示非空值,它也会继续返回 null。

0 投票
2 回答
1023 浏览

javascript - nextjs 的生产 URL

我正在使用NextJs构建一个应用程序。我有两个不同的 URL 用于生产和开发,我想为客户端访问相应的环境 URL。我遵循了本指南,但我的 PROCESS.ENV.API_URL 开发是空的。

这是我的文件:

.env:

.env.生产:

.babelrc:

}

环境变量用法:

希望有帮助,干杯!

0 投票
1 回答
915 浏览

reactjs - 如何将 this.props.onClick() 推迟到 CSS 动画完成后?

我正在NanoButton从我的页面调用自定义组件以及onClick路由到另一个页面的指令:

单击按钮(组件)时,我想在继续作为道具进入NanoButton之前执行一些内部代码。onClick通过这个内部代码,我试图模拟持续 600 毫秒的材料设计涟漪效应。我就是这样做的:

如您所见,我需要该makeRipple方法在之前执行this.props.onClick。最初,它似乎并没有这样做。然而,经过进一步的测试,事实证明这些方法确实以正确的顺序运行,除了路由(如 中编码this.props.onClick)立即发生并且样式为持续 600 毫秒的波纹动画没有机会运行。使这个动画发生的 CSS 是:

如何this.props.onClick仅在动画完成后才运行?我尝试像这样设置超时:

setTimeout(this.props.onClick(), 600);

但这会引发错误。

注意:我使用NextJS进行服务器端渲染,如果这有什么不同的话。

0 投票
7 回答
28281 浏览

google-tag-manager - 如何通过 Google Tag Manager for Next-Js 设置 Google Analytics?

以前我使用 react-ga npm 模块在我的下一个 js 应用程序中插入谷歌分析。就像这样:

然后我在我的标题中调用 logPageView 函数(插入到我的应用程序的每个页面),如下所示:

现在我想使用谷歌标签管理器来处理分析页面视图。我怎么能这样做?

0 投票
2 回答
3817 浏览

javascript - 刷新页面时会话丢失(下一步,反应,同构)

我接下来使用 zeit 来制作一个带有 react 的同构应用程序和一个带有 express-session(在其他服务器中)的 express 来制作一个 API。

该组件应该从 API 请求私有数据(request.get(' http://0.0.0.0:3100/private ')),如果用户登录则显示一个私有页面,否则重定向到登录。

在客户端这有效,但是当我刷新私人页面时,我被重定向到登录,因为客户端和服务器端的会话 cookie 不同。我怎么解决这个问题?

0 投票
0 回答
246 浏览

node.js - 错误:使用 Next.js 在 Heroku 上生成 EACCES

当我尝试将 Next.js 项目推送到 Heroku 时出现以下错误。它在本地正常工作。此外,我之前的提交在 Heroku 上工作。我现在正在尝试将项目的新版本推送到 Heroku,其中 package.json 没有更改,我收到以下错误:

0 投票
0 回答
521 浏览

reactjs - Docker compose npm script 命令未找到

我想用 React (NextJS) 制作网站并连接到 MongoDB 数据库。我决定使用 docker compose,但遇到了一些问题。我运行时无法运行yarn run dev命令docker-compose up

这是我的 docker-compose.yml

这是我的 Dockerfile(在前端文件夹内)

当我运行docker-compose up命令时,我收到这样的消息

我该怎么解决这个问题,谢谢。

0 投票
2 回答
867 浏览

reactjs - ReactJs、next JS、express 和 redux 样板

我正在开始一个项目,我用 node-express、react、redux 和 nextjs 编写代码。

在网上搜索了很多,看到了很多例子,但甚至没有一个样板可以将所有部分组合在一起作为基础设施来启动一个新的生产项目。

已经找到了以下内容,但是对于样板文件来说,它们都非常简单或极其开销:

跑!

NextSimpleStarter

官方示例

有任何想法吗?