问题标签 [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.
reactjs - 使用 nextJS 时如何在 redux 操作中使用 axios?
我正在使用 NextJS,我想在 redux 操作中使用 axios 获取数据,但我的代码不起作用。我不知道我的代码有什么问题。这是我的代码
// 行动
// 这是我在 App.js 中的函数
// 店铺
reactjs - eslint 抱怨 getInitialProps
这是我的 .eslintrc
这是我的组件:
Eslint 抱怨 getInitialProps:
除了添加抑制注释之外,还有什么方法可以让 eslint 接受 getInitialProps 声明?
reactjs - 如何在 React 组件中关闭窗口?
这听起来非常简单,但我无法从谷歌找到任何解决方案。
在我的页面上,我有一个按钮来关闭页面本身
但是每次触发按钮时,我都会收到警告
我正在react-native
为我的移动应用程序使用它,它连接到keycloak
(通过WebView
RN)打开的 Facebook 身份验证页面,然后keycloak
重定向到success
页面(localhost/login/success
该页面具有关闭页面本身的按钮。页面位于下方next.js
)。即使我localhost/login/success
直接在浏览器上访问,我也无法关闭页面
更新我设法通过使用onNavigationStateChange
并检查是否navState.url
包含success/login
触发状态并关闭WebView
. 但我仍然很好奇如何关闭窗口React
?
javascript - nextJS/webpack:如何处理带有字体的 SASS 文件
我正在尝试配置我的 nextJS 应用程序的 webpack 来处理一些 SASS 文件,如下所示:
这@
给了我一个意外的令牌错误。所以我尝试添加一些自定义的 webpack 配置:
有了这个 *.js 文件不再被识别,我不太确定 SASS 文件是否正确加载。我对 webpack 非常陌生。
reactjs - 如何对 Next.js 动态组件进行单元测试?
Next.js dynamic()
HOC 组件并不是很容易测试。我现在有两个问题;
- 第一个笑话是无法正确编译动态导入(
require.resolveWeak is not a function
- 似乎是由下一个 babel 插件添加的) - 其次,我无法很好地涵盖
modules
逻辑;看起来它在尝试渲染动态组件时根本没有运行。
express - 如何将 nextJS 中的一个页面与手动 webpack 配置捆绑在一起?
我在服务器上使用 webpack,并且只想捆绑一个用 nextJS 编译的页面。
现在,目录结构由几个页面组成,例如:
有没有办法只编译app目录,即用NextJS编译?我正在使用 express 运行应用程序并可以访问页面所需的路径
reactjs - 如何在 nextJS 中使用 ssr 条件组件?
我一直在使用 nextjs、react 和 redux,但我被卡住了。
我想 ssr 我的条件组件。我的代码有 3 个内容组件,如果用户根据上述条件单击导航栏组件中的链接,它们将呈现。该代码的工作方式与我想要的完全一样,但是当我在 Chrome 中查看源代码时,没有任何<Content />
组件被渲染。这是我的代码:
node.js - 警告:将密码用于 aes-256-ctr 的计数器模式
在终端中有此警告,在追踪源或实际原因/原因时遇到问题。
不幸的是,没有太多信息可提供。我知道这是 Node 的问题,但不知道如何解决它。https://nodejs.org/api/crypto.html
节点-vstable 8.9.0 (bottled), HEAD
包.json
javascript - Nextjs 与 redux redux-saga 初始化存储
像这样的js
错误是
可能有什么问题,基本上我想编写一个函数,将具有特定 sagas 的reducers和store.global添加到 nextjs 组件中,而不需要太多代码,最好是这样的:
可能吗?我可以创建 root reducer 和 root saga 并将其传递给每个组件,这并不难编码,但它是否高效?
mongodb - 如何使用 Google Analytics 从访问者的第一次访问中获取获取渠道?
我试图弄清楚我的用户来自哪里。更具体地说,我想知道他们第一次访问我们网站的渠道。对于渠道,我使用的是 Google Analytics 的默认获取渠道:
- 直接的
- 自然搜索
- 付费搜索
- 推荐
- 社会的
我们的网站是用于登录用户的 Meteor 应用程序。它位于子域 (app.example.com) 中。我们将 Next.js 用于主域 (example.com),其中包含任何人都可以看到的静态页面。
这是我要解决的用例。
当有人第一次访问该网站时,我想用一个具有他们获取渠道的 cookie 来标记他们。假设他们浏览了网站,然后没有注册为用户就离开了。
当他们第二次访问该站点时,我不希望从那次访问中获得获取渠道。我只想要第一次访问的获取渠道。
假设他们在第二次访问时注册成为用户。我希望能够从他们第一次访问时获得他们的获取渠道,并将这些数据添加到他们在 MongoDB 上的用户文档中。
你会怎么做呢?谢谢。