NextJS在MDX中导入图像
我尝试了官方的NextJS MDX-BLOG示例。 https://github.com/mdx-js/mdx/tree/master/examples/next 但我不明白的是，如何设置NextJS配置来通过webpack加载镜像？ import img from "./image.jpg" ## Hallo Blogwelt  推
..
nextjs相关内容
IE11 中的 Webpack 中断
很难追查到这一点，所以感谢您对我的包容.一些用户抱怨我们的网站在 IE11 中被破坏.该应用正在使用 nextjs 3.0.1 和 webpack 2.7.0. 在开发模式下调试 我想我有一个类似于 Angular RxJs 计时器在 IE11 上暂停.我从 IE11 中名为 webpack///webpack bootstrapxxxxxxxxxx(其中 x 是一些十六进制数字)的引
..
NextJS - 在应用程序启动时设置动态环境变量
在我们的实施过程中，我们创建了一个单独的建筑，并经历了不同的阶段(集成、登台和生产).在每种环境中，我们都有不同的环境差异. 问题是，当我们启动服务器时，它只引用服务器上的环境变量，但在客户端，process.env 文件是空的. 堆栈:“下一个":“5.0.0"“babel-plugin-inline-dotenv":“1.1.1"， 用于加载 .env 文件使用“inline
..
将 next.js 与纱线工作区一起使用
今天遇到这样的项目结构很复杂 包/应用程序页数/包.json/ui 套件页数/包.json/共享.babelrc包.json root lvl package json 定义 workspaces: [packages/*] 其中 app 和 ui-kit 都是 nextjs 应用程序. 我在根 lvl package.json 中有以下脚本 "dev:app": "下一个包/app"
..
Next.js 中的条件重定向
是否可以根据 cookie 值有条件地将用户重定向到另一个 Url?我知道我可以检查服务器上的 cookie &然后重定向.但是如果用户是通过 Link 来的，我该怎么办.(我不能使用 Route.push 因为它在服务器上未定义)有没有办法只在浏览器上使用Router? 我至少知道一种方法:创建简单的 button 并添加 Router push &检查 onClick 处理程序中的 co
..
如何通过 Google Tag Manager for Next-Js 设置 Google Analytics?
以前我使用 react-ga npm 模块在我的下一个 js 应用程序中插入谷歌分析.就像这样: 从 'react-ga' 导入 ReactGA导出 const initGA = () =>{ReactGA.initialize('UA-*******-*', {标题案例:假})}导出 const logPageView = () =>{if (window.location.href.spli
..
React - componentWillReceiveProps 替代方案
我将 React 与 NextJS 一起使用. 我有一个组件，它基本上是一个提供一些摘要的表格.根据一些 UI 选择，该组件应显示适当的摘要. 下面的代码运行良好. 类摘要扩展组件{状态 = {总计:0，通过:0，失败:0，密码:0，失败:0}组件WillReceiveProps(道具){让总计 = props.results.length;让 pass = props.result
..
在带有 TypeScript 的 Next.js 中使用 getInitialProps
从文档、Next.js 5.0 公告和互联网上的各种文章来看，Next.js 似乎很好地支持 TypeScript，并且很多人都在使用它. 但这些线程表明，对于 Next.js 应用程序至关重要的 getInitialProps 不起作用: https://github.com/zeit/next.js/issues/3396 https://github.com/zeit/next
..
使用变量更新减速器中的状态
我正在构建一个简单的应用程序，可以根据内容的状态展开和折叠内容部分.基本上，如果collapse = false，则添加一个类，如果为true，则添加一个不同的类. 我在 Redux 中使用 Next.js 并遇到了问题.我想根据传递动作的参数更新状态.它没有更新状态，我不确定为什么或更好的选择是什么.任何澄清都会很棒！ //默认状态const defaultState = {成员资格:“
..
如何通过适用于Next-J的Google跟踪代码管理器设置Google Analytics(分析)?
以前，我曾经使用react-ga npm模块在我的下一个js应用程序中插入Google Analytics(分析).就像这样: 从'react-ga'导入ReactGAexport const initGA =()=>{ReactGA.initialize('UA-*******-*'，{titleCase:假})}export const logPageView =()=>{如果(window
..
如何将this.props.onClick()推迟到CSS动画完成之后?
我正在从页面中调用自定义的NanoButton组件以及onClick指令以路由到另一个页面: // Page.js import { Component } from 'react'; import Router from 'next/router'; class Page2 extends Component { render() { return(
..
Nextjs:无法从静态文件夹加载图像
如何在Next.js的组件中加载图像?我必须先构建项目吗?如果是，是否有一种无需先构建就可以加载图像的方法?无论我如何尝试，我都无法正常工作. 解决方案 : 只需将文件放置在static目录中，即可在应用中引用它们，例如: 我认为next.js将在此目录中进行监视，因此我认为您每次在其中放置内容时都不需要
..
NextJS-在应用程序的开始处设置动态环境变量
在实施过程中，我们创建了一个建筑物，并经历了不同的阶段(集成，阶段和生产).在每种环境中，我们都有可变的环境差异. 问题在于，当我们启动服务器时，它仅引用服务器上的环境变量，而在客户端中，process.env文件为空. stack:"next":"5.0.0""babel-plugin-inline-dotenv":"1.1.1"， 对于加载.env文件，请使用"inline-
..
React-componentWillReceiveProps替代
我将React与NextJS一起使用. 我有一个组件，该组件基本上是一个表，该表提供了一些摘要. 根据用户界面的选择，预计该组件将显示适当的摘要. 下面的代码可以很好地工作. class Summary extends Component{ state = { total: 0, pass: 0, fail: 0,
..
Next.JS:如何在服务器端发出所有请求
我正在构建一个 Next.JS 应用，该应用将从Python API和一个Postgres数据库. 通常这很简单，除非要求是这样，我需要从服务器端而不是用户客户端发送所有请求. 我一直在使用并浏览 getInitialProps ，但是由于README: 中的这一行，我不确定这是我需要的完整解决方案 对于初始页面加载，getInitialProps仅在服务器上执行. getIn
..
使用TypeScript在Next.js中使用getInitialProps
从文档，Next.js 5.0公告以及互联网上的各种文章看来，Next.js很好地支持TypeScript，并且许多人正在使用它. 但是这些线索表明，对于Next.js应用至关重要的getInitialProps不起作用: https://github.com/zeit/next.js/issues/3396 https://github.com/zeit/next.js/issue
..
我如何在Next.js中检测到我在服务器还是客户端上
我正在将客户快递服务器与Next.js一起使用.它在容器内运行.我正在用isomorphic-fetch进行http请求以获取渲染的数据.我想在服务器上运行时执行localhost，而在客户端上运行时执行mysite.com.不确定实现此目的的最佳方法.我可以通过const isServer = typeof window === 'undefined'轻松地做到这一点，但这似乎很糟糕. 解
..
使用React路由器和Next JS路由
我有一个简单的问题，我是Next.JS的新手 我们有一个项目，我的Web应用程序使用Next JS在BackEnd中管理路由 现在我的问题在这里，我想在一个部分中使用React-Router-dom 例如，在我与Laravel和React合作之前 在Laravel中，我将“我的路线"设置为这样 Route::get('/reactPage/*' ...) 然后在反应中
..
React + Material-UI-警告:道具className不匹配
由于classNames的分配方式不同，我很难在Material-UI组件中的客户端和服务器端样式渲染之间出现差异. 在第一次加载页面时，正确分配了className，但是刷新页面后，classNames不再匹配，因此组件将失去其样式.这是我在控制台上收到的错误消息: 警告:道具className不匹配. 服务器:"MuiFormControl-root-3 MuiFormContro
..
Webpack打破了IE11
很难追踪到这一点，所以感谢与我的关系。一些用户抱怨我们的网站在IE11中被破坏了。该应用程序使用的是nextjs 3.0.1和webpack 2.7.0。 在开发模式下调试 我认为我有一个类似于 Angular RxJs计时器在IE11上暂停的问题。我在IE11中从webpack /// webpack bootstrapxxxxxxxxxx（其中x是十六进制的数字）的引用中收到错误。
..