问题标签 [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 和主题语义 UI 进行部署
我正在使用nextjs
框架和 UI 框架,我选择semantic-ui
了semantic-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
?
**更新:
发现问题出在哪里,但仍然不知道如何解决。
因此,当您为语义用户界面设置主题时,过程就像这样。
- 你安装
semantic-ui
. semantic-ui
查找文件semantic.json
并知道您正在主题化。- 正在创建主题的文件和文件夹,但未构建。这意味着为了
semantic-ui
构建组件,需要导航到特定semantic
文件夹并运行gulp build
.
问题是now
不知道该怎么做。
有任何想法吗?
javascript - Next.js 服务器端路由
我有这个代码来检查用户是否经过身份验证
它很好用,但是当我尝试重定向用户时出现此错误:
未找到路由器实例。您应该只在应用程序的客户端内使用“next/router”。
如果我尝试使用this.props.url.replaceTo('/login')
我会收到此警告
警告:'url.replaceTo()' 已被弃用。使用“下一个/路由器”API。
所以这让我发疯,我想知道是否有办法实现这种重定向,或者在这种情况下控制身份验证的另一种方法只是一个线索会很好。
reactjs - 在 React 中渲染格式化(未缩小的)HTML(带有 Next.js 的 SSR)
如何在 React(带有 Next.js 的 SSR)中呈现格式化(未缩小)的 HTML?
预期输出:
现在收到:
泰!
javascript - Next.js 中的条件重定向
是否可以根据 cookie 值有条件地将用户重定向到另一个 Url?我知道我可以检查服务器上的 cookie 然后重定向。但是,如果用户通过Link
. (我不能使用Route.push,因为它在服务器上未定义)有没有办法只在浏览器上使用路由器?
我至少知道一种方法:创建简单button
并在处理程序中添加路由器推送和检查 cookie onClick
,但这是正确的方法吗?
javascript - NextJS 与 Firebase 云功能
我想将 NextJS 与 firebase 云功能一起使用,我正在创建一个云功能:
NextJS 使用我的 JS 应用程序的构建创建一个文件夹。
问题是我无法在云端上传 NextJS 构建文件夹。如何包含此文件夹?
GitHub问题=> https://github.com/zeit/next.js/issues/2017
reactjs - Next.js 和 redux。在服务器端填充存储不生效
我将 redux 连接到 Next.js 应用程序,就像在文档中一样(但不确定mapDispatchToProps在示例中做了什么):
初始化存储方法:
我用来连接页面的 HOC:
我遇到的问题是调度的动作
似乎在服务器上工作正常(我已经调试了减速器,我知道这个来自 cookie 的用户对象确实由减速器处理)但是当我这样做时,console.log(this.props.state)
我得到了具有初始状态的减速器 - 没有用户数据。
javascript - Next Js & Babel 导致无限循环
所以我在 babel 编译所有东西的地方工作,包括 next.js
我按照 next.js 文档了解如何处理 babel 并创建了一个 .babelrc 文件:
当我运行yarn run dev
一切编译和服务器启动。当我加载页面时,next.js 将运行它的构建过程。由于目录中的内容发生了变化,nodemon 会重新启动服务器并导致无限循环。请问有人可以帮我吗???
这是我的 package.json 文件:
和 app.js 文件:
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
库的问题。
意识到这是一个复杂的问题,我可能遗漏了一些细节。在此先感谢您的帮助!
reactjs - 反应父组件不渲染子组件
基本问题,但我们都从某个地方开始。
我有一个父 Nav.js
这是不会显示的文件:
导航链接.js:
我的问题是超级基本的,但我不知道如何解决这个问题。谢谢你的时间!
node.js - 如何在 NextJS 应用程序的标头中设置字符编码?
NextJS,默认情况下,提供一个带有元标记中字符集信息的页面,如下所示:
但是,我希望将嵌入页眉的数据提供为:
有没有办法做到这一点?我有一个自定义 Express 服务器,我在其中为 NextJS 定义端口和其他中间件。在这个文件(server.js)中,我尝试了以下内容;它运行没有错误,但不对标题做任何事情:
任何专家意见都会很棒。