我正在制作 next.js 应用程序,我花了几个小时寻找一种非常简单的密码保护应用程序的方法。 (它会被一小群朋友使用) 我曾尝试在我的反向代理上使用 Nginx 的 http 身份验证,这有效,但必须一直登录可能很烦人,因为登录不会持续很长时间。 (Nginx 的 http auth 似乎很 ...
我正在制作 next.js 应用程序,我花了几个小时寻找一种非常简单的密码保护应用程序的方法。 (它会被一小群朋友使用) 我曾尝试在我的反向代理上使用 Nginx 的 http 身份验证,这有效,但必须一直登录可能很烦人,因为登录不会持续很长时间。 (Nginx 的 http auth 似乎很 ...
今天遇到了这样的项目结构的复杂问题 root lvl package json 定义了workspaces: [packages/*]其中app和ui-kit都是 nextjs 应用程序。 我在 root lvl package.json 中有以下脚本 在我引入shared文件夹之前,这 ...
我正在学习基本的下一个js。 如果我们运行 npm run build create-react-app 将生成构建文件夹 index.html 和捆绑文件。 在接下来的js中。 它不会创建任何构建文件。 我将如何在服务器中部署下一个 js 项目 .next 文件夹 ...
在NextJS教程中,我们展示了如何从地图上渲染蝙蝠侠节目名称的列表。 取得蝙蝠侠表演 在该教程中,有一个片段从地图中获取数据: 但是,如果JSON文档简单得多怎么办? 您如何准备数据集(通过getInitialProps调用获得)以及如何从props数据进行访问? ...
代码工作正常,但我不知道如何在 VSCode 中删除此错误。 感谢帮助。 ...
我试图在Heroku上成功部署Node / React项目,并且经过数小时的调试问题(我是一名新开发人员),我认为我已经接近完成了,但是现在Heroku在部署方面存在一些问题。 对于背景,这是我的package.json文件,所以您知道我已经安装了什么: 这是我的server.js ...
我是一个刚刚进入Node和React的新开发人员,因此对此问题感到头疼。 今天我用谷歌搜索了超过5个小时,已经用尽了这里和GitHub上提出的每一个解决方案,但无法解决我的问题,所以转向提出一个新问题。 我正在使用Heroku部署Node / React应用程序,我一直看到此错误消息: ...
我试图整合WeatherWidget.io成反应,和/ NextJS应用。 这不是反应组件,为了集成它,您必须复制粘贴<a>和<script>标签。 通过使用 NextJS <Head>组件(相当于 ReactHelmet),它可以正确地呈现服务器端,但是,一 ...
我在 Nextjs 项目的身份验证过程中遇到了一些问题。 在示例中,它将令牌存储在 cookie 中,但在checkLoggedIn.js它查询 DB 而不是从 cookie 中获取令牌。 我想从getInitialProps cookie 或 localstorage 获取令牌,但在getIni ...
我一直在为使用CRA ( create-react-app )和react-router v4.2.0的客户端构建站点,并且不了解有关Google SEO的含义。 当我从Google Search Console索引页面时,得到以下信息: 我发现了几个类似的问题,建议在入口点添加'ba ...
我正在寻找在我的React应用中执行错误处理的选项。 同样,错误边界似乎是一个不错的选择。 一种选择是将最外层的组件包装在“错误边界”中,但是我不希望这样做,因为后备UI会替换整个应用程序组件。 另一种选择是单独包装所有组件。 有没有一种方法可以在一个位置隐式处理所有组件的com ...
以下内容适用于通过NextJS进行的SSR。 我正在使用React的上下文来跟踪某些已安装组件的ID。 要点是 不幸的是,这仅适用于客户端。 this.state.mountedComponents在服务器上始终为[] 。 有没有其他方法可以在服务器端跟踪这些组件? 基本上 ...
将Next.js升级到v6.0.3后,我以前的工作设置停止了工作。 故事书版本 .stoyboojk / config.js import { configure, addDecorator } from "@storybook/react"; import { c ...
我在Zeit Now上托管了一个NextJs应用程序,该应用程序已经过优化,因此可以在Google Page Speed Insight中运行,得分为100/100。 为了通过“消除折叠式内容中的渲染阻止JavaScript和CSS”测试,我必须为着陆页生成关键的CSS,并将其内联在< ...
我正在尝试将 Video.js 与 create-next-app 一起使用,但无法加载 video.js.css。 这就是我的组件的样子。 我正在使用styled-jsx/css 加载器来加载外部 css 文件。 ...
由于类名称的分配方式不同,我在 Material-UI 组件中的 styles 的客户端和服务器端渲染之间存在差异。 首次加载页面时正确分配了类名,但刷新页面后,类名不再匹配,因此组件失去了样式。 这是我在控制台上收到的错误消息: 警告: className不匹配。 服务器:“MuiFormCont ...
我试图在Next JS中设置一个相对简单的页面过渡。 我正在使用GSAP TweenLite作为动画库,并且我是react-transition-group来处理过渡,并且我试图在Next.js 6.0中引入的_app.js组件中完成所有这些操作。 我有它的“某种”工作,但它并没有完全按照我 ...
我正在制作一个Reddit克隆,我正在使用Next.js,所以它的服务器端渲染。 我开始没有使用Next.js,当我了解它时,我立即切换到它。 我已经创建了一个自定义_app.js因此每个页面上都存在标题和侧边栏,并且它可以作为保存应用程序状态的最顶层组件。 后者还不太合适。 这 ...
到目前为止,我一直在使用nextJS和material-ui取得巨大成功。 但是我最近遇到了一个概念性的问题: 每当应用程序在服务器上呈现时,我都不希望它在到达客户端后就重排。 由于我在台式机和移动设备之间呈现的布局不同,因此我一直在使用<Hidden implementati ...
使用 Next 时使用从 Typescript 到 Javascript 的编译代码时出现以下错误 The default export is not a React Component in page: "/" 有人可以帮助我吗? ...