问题标签 [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 回答
474 浏览

reactjs - 使用 nextJS 时如何在 redux 操作中使用 axios?

我正在使用 NextJS,我想在 redux 操作中使用 axios 获取数据,但我的代码不起作用。我不知道我的代码有什么问题。这是我的代码

// 行动

// 这是我在 App.js 中的函数

// 店铺

0 投票
1 回答
488 浏览

reactjs - eslint 抱怨 getInitialProps

这是我的 .eslintrc

这是我的组件:

Eslint 抱怨 getInitialProps:

除了添加抑制注释之外,还有什么方法可以让 eslint 接受 getInitialProps 声明?

0 投票
1 回答
8264 浏览

reactjs - 如何在 React 组件中关闭窗口?

这听起来非常简单,但我无法从谷歌找到任何解决方案。

在我的页面上,我有一个按钮来关闭页面本身

但是每次触发按钮时,我都会收到警告

我正在react-native为我的移动应用程序使用它,它连接到keycloak(通过WebViewRN)打开的 Facebook 身份验证页面,然后keycloak重定向到success页面(localhost/login/success该页面具有关闭页面本身的按钮。页面位于下方next.js)。即使我localhost/login/success直接在浏览器上访问,我也无法关闭页面

更新我设法通过使用onNavigationStateChange并检查是否navState.url包含success/login触发状态并关闭WebView. 但我仍然很好奇如何关闭窗口React

0 投票
1 回答
407 浏览

javascript - nextJS/webpack:如何处理带有字体的 SASS 文件

我正在尝试配置我的 nextJS 应用程序的 webpack 来处理一些 SASS 文件,如下所示:

@给了我一个意外的令牌错误。所以我尝试添加一些自定义的 webpack 配置:

有了这个 *.js 文件不再被识别,我不太确定 SASS 文件是否正确加载。我对 webpack 非常陌生。

0 投票
4 回答
7669 浏览

reactjs - 如何对 Next.js 动态组件进行单元测试?

Next.js dynamic()HOC 组件并不是很容易测试。我现在有两个问题;

  • 第一个笑话是无法正确编译动态导入(require.resolveWeak is not a function- 似乎是由下一个 babel 插件添加的)
  • 其次,我无法很好地涵盖modules逻辑;看起来它在尝试渲染动态组件时根本没有运行。
0 投票
0 回答
79 浏览

express - 如何将 nextJS 中的一个页面与手动 webpack 配置捆绑在一起?

我在服务器上使用 webpack,并且只想捆绑一个用 nextJS 编译的页面。

现在,目录结构由几个页面组成,例如:

有没有办法只编译app目录,即用NextJS编译?我正在使用 express 运行应用程序并可以访问页面所需的路径

0 投票
1 回答
7035 浏览

reactjs - 如何在 nextJS 中使用 ssr 条件组件?

我一直在使用 nextjs、react 和 redux,但我被卡住了。

我想 ssr 我的条件组件。我的代码有 3 个内容组件,如果用户根据上述条件单击导航栏组件中的链接,它们将呈现。该代码的工作方式与我想要的完全一样,但是当我在 Chrome 中查看源代码时,没有任何<Content />组件被渲染。这是我的代码:

0 投票
4 回答
11302 浏览

node.js - 警告:将密码用于 aes-256-ctr 的计数器模式

在终端中有此警告,在追踪源或实际原因/原因时遇到问题。

不幸的是,没有太多信息可提供。我知道这是 Node 的问题,但不知道如何解决它。https://nodejs.org/api/crypto.html

节点-vstable 8.9.0 (bottled), HEAD

包.json

0 投票
1 回答
1345 浏览

javascript - Nextjs 与 redux redux-saga 初始化存储

像这样的js

错误是

可能有什么问题,基本上我想编写一个函数,将具有特定 sagas 的reducersstore.global添加到 nextjs 组件中,而不需要太多代码,最好是这样的:

可能吗?我可以创建 root reducer 和 root saga 并将其传递给每个组件,这并不难编码,但它是否高效?

0 投票
0 回答
128 浏览

mongodb - 如何使用 Google Analytics 从访问者的第一次访问中获取获取渠道?

我试图弄清楚我的用户来自哪里。更具体地说,我想知道他们第一次访问我们网站的渠道。对于渠道,我使用的是 Google Analytics 的默认获取渠道:

  • 直接的
  • 自然搜索
  • 付费搜索
  • 推荐
  • 社会的

我们的网站是用于登录用户的 Meteor 应用程序。它位于子域 (app.example.com) 中。我们将 Next.js 用于主域 (example.com),其中包含任何人都可以看到的静态页面。

这是我要解决的用例。

当有人第一次访问该网站时,我想用一个具有他们获取渠道的 cookie 来标记他们。假设他们浏览了网站,然后没有注册为用户就离开了。

当他们第二次访问该站点时,我不希望从那次访问中获得获取渠道。我只想要第一次访问的获取渠道。

假设他们在第二次访问时注册成为用户。我希望能够从他们第一次访问时获得他们的获取渠道,并将这些数据添加到他们在 MongoDB 上的用户文档中。

你会怎么做呢?谢谢。