问题标签 [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 投票
1 回答
871 浏览

reactjs - 使用 Nextjs 和主题语义 UI 进行部署

我正在使用nextjs框架和 UI 框架,我选择semantic-uisemantic-ui-react.

我选择的主要原因semantic-ui是框架的主题能力。

  • 我已经安装了这里semantic-ui显示的完整包。`
  • semantic.json文件有以下内容:

    { "base": "/client/static/semantic", "paths": { "source": { "config": "src/theme.config", "definitions": "src/definitions/", "site": "src/site/", "themes": "src/themes/" }, "output": { "packaged": "dist/", "uncompressed": "dist/components/", "compressed": "dist/components/", "themes": "dist/themes/" }, "clean": "dist/" }, "permission": false, "autoInstall": false, "rtl": false, "components": [blah blah], "version": "2.2.10" }

主题在本地主机上正常工作。

问题如下:尝试部署时now正在安装依赖项,semantic-ui感觉好像它不存在。这意味着根本没有样式。

我在我的项目中包含语义文件夹(意思是,我现在正在 gitignoring/client/static/semantic文件夹)。

Nextjs使用and部署的正确方法是什么semantic-ui

**更新:

发现问题出在哪里,但仍然不知道如何解决。

因此,当您为语义用户界面设置主题时,过程就像这样。

  1. 你安装semantic-ui.
  2. semantic-ui查找文件semantic.json并知道您正在主题化。
  3. 正在创建主题的文件和文件夹,但未构建。这意味着为了semantic-ui构建组件,需要导航到特定semantic文件夹并运行gulp build.

问题是now不知道该怎么做。

有任何想法吗?

0 投票
2 回答
9700 浏览

javascript - Next.js 服务器端路由

我有这个代码来检查用户是否经过身份验证

它很好用,但是当我尝试重定向用户时出现此错误:

未找到路由器实例。您应该只在应用程序的客户端内使用“next/router”。

如果我尝试使用this.props.url.replaceTo('/login')我会收到此警告

警告:'url.replaceTo()' 已被弃用。使用“下一个/路由器”API。

所以这让我发疯,我想知道是否有办法实现这种重定向,或者在这种情况下控制身份验证的另一种方法只是一个线索会很好。

0 投票
2 回答
5837 浏览

reactjs - 在 React 中渲染格式化(未缩小的)HTML(带有 Next.js 的 SSR)

如何在 React(带有 Next.js 的 SSR)中呈现格式化(未缩小)的 HTML?

预期输出:

现在收到:

泰!

0 投票
1 回答
20697 浏览

javascript - Next.js 中的条件重定向

是否可以根据 cookie 值有条件地将用户重定向到另一个 Url?我知道我可以检查服务器上的 cookie 然后重定向。但是,如果用户通过Link. (我不能使用Route.push,因为它在服务器上未定义)有没有办法只在浏览器上使用路由器?

我至少知道一种方法:创建简单button并在处理程序中添加路由器推送和检查 cookie onClick,但这是正确的方法吗?

0 投票
2 回答
1985 浏览

javascript - NextJS 与 Firebase 云功能

我想将 NextJS 与 firebase 云功能一起使用,我正在创建一个云功能:

NextJS 使用我的 JS 应用程序的构建创建一个文件夹。

问题是我无法在云端上传 NextJS 构建文件夹。如何包含此文件夹?

GitHub问题=> https://github.com/zeit/next.js/issues/2017

0 投票
1 回答
2955 浏览

reactjs - Next.js 和 redux。在服务器端填充存储不生效

我将 redux 连接到 Next.js 应用程序,就像在文档中一样(但不确定mapDispatchToProps在示例中做了什么):

初始化存储方法:

我用来连接页面的 HOC:

我遇到的问题是调度的动作

似乎在服务器上工作正常(我已经调试了减速器,我知道这个来自 cookie 的用户对象确实由减速器处理)但是当我这样做时,console.log(this.props.state)我得到了具有初始状态的减速器 - 没有用户数据。

0 投票
2 回答
2204 浏览

javascript - Next Js & Babel 导致无限循环

所以我在 babel 编译所有东西的地方工作,包括 next.js

我按照 next.js 文档了解如何处理 babel 并创建了一个 .babelrc 文件:

当我运行yarn run dev一切编译和服务器启动。当我加载页面时,next.js 将运行它的构建过程。由于目录中的内容发生了变化,nodemon 会重新启动服务器并导致无限循环。请问有人可以帮我吗???

这是我的 package.json 文件:

和 app.js 文件:

0 投票
1 回答
2600 浏览

javascript - IE11 中的 Webpack 中断

很难追查到这一点,所以感谢您对我的包容。一些用户抱怨我们的网站在 IE11 中被破坏。该应用程序使用 nextjs 3.0.1 和 webpack 2.7.0。

在开发模式下调试

我想我有一个类似于Angular RxJs timer pause on IE11的问题。我从 IE11 中名为 webpack///webpack bootstrapxxxxxxxxxx(其中 x 是一些十六进制数字)的引用中收到错误。

这是导致问题的函数:

该行modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));抛出错误Unable to get property 'call' of undefined or null reference

我想这是由于缺少 polyfill,所以我遵循了https://github.com/zeit/next.js/issues/1254的建议并将其添加到 next.config.js (下一个的 webpack 配置):

我仍然看到同样的错误。

生产中的其他细节

有趣的一件事是我在 nextjs 应用程序的生产版本中有一个不同的问题。它在 next 生成的文件中很深app.js,但错误似乎来自这一行https://github.com/ianstormtaylor/heroku-logger/blob/master/src/index.js#L12

它在扔Expected identifier。这是因为模块没有正确地从 ES6 转换到 ES5 吗?可能有一个潜在的问题(我在开发中看到),而不是heroku-logger库的问题。

意识到这是一个复杂的问题,我可能遗漏了一些细节。在此先感谢您的帮助!

0 投票
2 回答
1318 浏览

reactjs - 反应父组件不渲染子组件

基本问题,但我们都从某个地方开始。

我有一个父 Nav.js

这是不会显示的文件:

导航链接.js:

我的问题是超级基本的,但我不知道如何解决这个问题。谢谢你的时间!

0 投票
1 回答
2563 浏览

node.js - 如何在 NextJS 应用程序的标头中设置字符编码?

NextJS,默认情况下,提供一个带有元标记中字符集信息的页面,如下所示:

但是,我希望将嵌入页眉的数据提供为:

有没有办法做到这一点?我有一个自定义 Express 服务器,我在其中为 NextJS 定义端口和其他中间件。在这个文件(server.js)中,我尝试了以下内容;它运行没有错误,但不对标题做任何事情:

任何专家意见都会很棒。