1回答
以前，我使用的是React +react路由器，我认为react路由器有点复杂，我认为Next.js的路由器更简单，所以我的问题是:Next.js可以完全替换react路由器吗？我不熟悉Next.js，有人能给我一些建议吗？
浏览 2提问于2019-06-27得票数 3
我曾经尝试过如何在我现有的react上使用服务器端呈现( SSR )，并且我找到了Next.js，这是一个用于React的SSR框架。
此外，还有create-next-app可以轻松创建像CRA这样的Next.js应用程序。因为我已经有了我现有的React项目，所以我需要使它与Next.js兼容。但是，他们有着完全不同的项目架构。
我附加了两个create-next-app和create-react-app的体系结构，每一个都有下面的图像。由于接下来需要文件夹pages，我觉得需要在该文件夹中移动组件，但我对create-react-app中的src和public文件夹感到困惑。
有人能帮我
浏览 0提问于2019-01-17得票数 9
回答已采纳
2回答
我用的是react和next.js。我在这两个人中建立了相同的项目。
人们可能从逻辑上认为，next.js的编译速度应该比反应慢。
但是，我的next.js项目在不到10秒的时间内就会被编译，而我的react项目需要40秒以上的时间编译。而且它还使用了大量的CPU。
我该怎么做才能像next.js那样快速反应呢？
浏览 14提问于2022-01-29得票数 1
我正在查看React框架Next.js，看看它是否与我的下一个应用程序SPA最匹配，ASP.NET核心将是后端。我以前使用过create-react-app，所以我想将Next.js与它进行比较。我们的目标不是Server Side Rendering(SSR)。我们的项目将是管理类的项目和SEO并不真的重要。我们肯定需要表演。我们不能使用静态生成，因为我们需要为每个页面加载最新的数据。我们也需要废品。
我所读到的关于Next.js的主要好处是：
SSRFile Routing全文堆栈开发--可以与it一起使用后端(Node.JS)。
从这些提到的功能，文件路由将只对我们有用，我相信，因为我们
浏览 7提问于2021-07-14得票数 7
回答已采纳
1回答
如何使用实现下面的代码。
我认为Next.js无法访问window对象存在一个问题，除非您在useEffect(() => {})钩子中。
改变为常规反应，这段代码运行良好。
在不允许这种延迟呈现工作的Next.js生态系统中，我遗漏了什么？
谢谢。
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
impo
浏览 20提问于2022-04-25得票数 1
1回答
我已经把我的React.js应用程序转换成Next.js，现在我想路由到我的博客详细信息页面，点击博客页面上的卡片，我从heroku获取数据。在react中，我正在使用react路由器-dom，如何在next.js中这样做？
浏览 7提问于2022-05-16得票数 -2
1回答
是否可以在Next.js中使用默认路由，以便所有路由或路由白名单都会转到特定的页面。
在我的项目中，我的想法是使用Next.js构建营销网站，注册并在过程中注册，然后有一个Next.js页面来引导SPA (可能使用create-react app和react路由器)，这样任何不是Next.js页面的路由都会假设它是SPA中的一个路由，因此它将直接指向将引导SPA的页面。
浏览 20提问于2021-12-11得票数 0
我正在将一个React应用程序迁移到Next.js。
由于Next.js不使用"react-router-dom"，所以我需要更改一些ReactiveR外层钩子，以便它们能够与Next.js一起工作。
其中一个是useRouteMatch。
我想让这行代码与Next.js一起工作-
const match = useRouteMatch<{lang?: Language}>('/map/:lang([a-z]{2})?');
我还没有找到一种类似的方法或解决办法。
有人有什么建议吗？
浏览 7提问于2022-10-13得票数 0
在另一个组件的render函数中直接使用React.forwardRef方法安全吗？
示例：
function Link() {
// --- SOME EXTENSIVE LOGIC AND PROPS CREATING GOES HERE ---
// --- OMITTED FOR SIMPLICITY ---
// TO DO: Remove forward ref as soon Next.js bug will be fixed -
// https://github.com/zeit/next.js/issues/7915
// Please note t
浏览 14提问于2019-08-03得票数 3
回答已采纳
我有一个Next.js应用程序，里面有几个页面。所有的页面看起来都很相似。
import React, { Component } from "react";
import from "components/Wrapper";
export default class About extends Component {
render() {
return <Wrapper />;
}
}
我想使用功能组件重构它。
我读过，您不必在页面中导入react，因为next.js路由系统。Next.js文档也会显示示例，而不会对页面组件进行
浏览 1提问于2020-07-25得票数 15
回答已采纳
目前我有用于前端的create-react-app和用于后端的express server。在我的create-react-app的package.json中，我像这样使用代理"proxy": "http://localhost:5000"。我需要实现同样的事情为Next.js应用程序与相同的快速服务器。 我只希望能够使用我的express服务器，而不是像在create-react-app中那样使用Next.js中内置的API路由和代理。 我是否需要创建自定义Next.js服务器，即使我没有更改它的任何功能？如何正确地做到这一点？
浏览 51提问于2020-09-16得票数 4
回答已采纳
我是新的反应和考虑SSR与Next.js和CSR与create-react-app。因为我正在开发一个网络应用程序，我听说人们说CSR更好。相对于静态网站，显然具有优势。
create-react-app 在Next.js上有什么好处，反之亦然？
浏览 2提问于2020-12-23得票数 2
回答已采纳
2回答
我是个土生土长的新手。是否可以使用Next.js后端和react本机应用程序？我知道可以使用带有后端(如Node+Express )的react，但我个人更喜欢Next.js的新版本，我也希望将其用于web应用程序。
浏览 5提问于2021-12-04得票数 4
我正在制作一个将在Next.js项目中使用的React组件库。我想将Next.js的特性添加到我的组件中。 简单地将Next.js作为开发依赖项添加到组件库中就足够了吗？
浏览 15提问于2020-10-02得票数 0
回答已采纳
我通过具有访问build/index.html的函数将Reactjs与Django集成。下面的代码显示了我是如何做到的。
config/urls.py
urlpatterns = [
...
re_path(r'search/', react_views.ReactAppView.as_view()),
]
PROJECT_NAME/views.py
class ReactAppView(View):
def get(self, request):
try:
with open(os.path.join(str(
浏览 1提问于2019-01-18得票数 6
回答已采纳
我使用了一个VScode扩展"React代码段“，它有一个片段tfcd，它为函数组件提供类型记录和默认导出。
import React from 'react';
type indexProps = {
};
const Layout:React.FC<indexProps> = () => {
return <div>Have a good coding</div>
}
export default Layout;
我以前在Next.js中使用过它，它工作得很好，但我不确定是否值得用React.
浏览 6提问于2022-09-08得票数 1
回答已采纳
有人能描述NextPage在Next.js TypeScript项目中的类型吗？
每个站点都说它是用于Next.js中的类型分配，但是我想知道为什么我们应该使用它？它的用途是什么？为什么我们要使用这个而不是React.Node或React.Fc
浏览 7提问于2022-01-07得票数 2
我的问题与编写全栈应用程序有关。
在前端，我有一个Next.js React应用程序。我想在客户端呈现它，并且可能使用SWR。在后端，我有一个带有PostgreSQL数据库的Django应用程序。
我已经看到了两种方法，可以让所有这些都协同工作。
第一个方法是使用Django为Next.js React应用提供Django - one loader，然后在Django模板中加载React应用。
第二个是构建两个独立的应用程序-前端(Next.js)和后端(Django + PostgreSQL)，并将它们部署在两个服务器上(例如Docker容器)。我读过，它让我倾向于第二种选择。然而，这是一个
浏览 20提问于2021-05-12得票数 1
回答已采纳
我们在我们的next.js 12应用程序中使用了react的上下文API。
我们想升级到next.js 13。
我们得到这个错误：
react__WEBPACK_IMPORTED_MODULE___.createContext不是一个函数
对于此代码：
import React from 'react'
const SiteContext = React.createContext()
export default SiteContext
我们现在应该做什么？我在网上找不到这个的资源。
另外，我们需要服务器上的上下文API，因为SEO很重要，我们不想在客户机上呈现。
浏览 7提问于2022-10-31得票数 1
我有以下react组件，我正尝试在next.js中实现它。
React组件：
import React from "react";
import { Route, Switch, Redirect, withRouter } from "react-router-dom";
import Dashboard from "../../pages/dashboard";
import Profile from "../../pages/profile";
function Layout(props) {
return (
浏览 2提问于2019-09-20得票数 1
Next.js是我最困惑的技术之一，我不明白它是如何在服务器上工作的，服务器怎么知道我们需要用Next.js在构建时创建的文件实现服务器端呈现？
我理解客户端部分，但服务器如何知道我们需要实现服务器端呈现后，部署网站文件创建的下一步。
在没有Next.js的情况下创建的React项目(服务器响应客户端请求发送空的HTML )与使用Next.js创建的React项目(服务器将向客户端发送完整的文档)之间有什么区别？
浏览 2提问于2022-07-03得票数 0
我在一个副项目中做了一个简单的导航栏，在Next.JS中遇到了一个活动链接的问题，在react中，你可以使用react-router-dom，它有一个带有活动类属性的链接组件，但不是在Next.JS中(我想)
浏览 13提问于2021-05-15得票数 0
回答已采纳
3回答
使用Next.JS选择V2.0
、、、、
我正在尝试使用React SelectV2.0和Next.JS，但是在服务器负载上，select元素不是样式化的，而是闪烁到样式的。
我尝试使用Next.JS的情感示例来服务器呈现情感样式()，但它似乎与我使用的样式-JSX冲突，并得到了错误StyleSheet: insertRule accepts only strings.。
我尝试使用下面显示的情感babel配置选项：
但这会导致整个页面被渲染，而不是样式化，然后闪烁到样式化。
有人知道如何在服务器呈现中使用React SelectV2 on Next.JS吗？
谢谢。
浏览 4提问于2018-06-19得票数 5
回答已采纳
1回答
我正在开始一个项目，在那里我决定使用Next.js。但是我的经理不希望这个应用程序在SSR中，因为它需要一个节点服务器。他只想成为SPA。
现在我可以使用create-react-app并创建带有React的应用程序，但我正在考虑利用Next.js路由和其他内置的信任。
正如我在Nuxt.js中看到的，有一种使用'universal'或'spa' 的方法，我正在搜索是否有在Next.js中生成'spa'的方法。
浏览 2提问于2019-09-22得票数 7
回答已采纳
我刚开始用react.js使用Next.js创建网站。我正在尝试将模块"react-insta-stories“()。只有他指责文档没有定义。我知道你在这里也有类似的问题，但我想问你一些不同的，更一般的问题...因为我想在这个项目中使用几个很棒的模块，而next.js似乎让它变得很困难。有些模块只与“浏览器”对话。问题是。在javascript实例化我的应用程序之后，next.js没有问题，我可以使用任何模块吗，即使是来自react.js的模块？有没有人知道我如何把这个react-insta-stories放到我的项目中？因为我尝试了一些解决方案，但我认为它们超出了我的知识范围。
浏览 0提问于2020-07-22得票数 0
1回答
我正在创建一个react应用程序，对于下一步(双关语)，如果我能够做到这一点，我想将该项目迁移到next.js。我已经完成了10/12的react应用程序提交到我的主分支。 可以创建一个新的分支并从头开始一个next.js项目，然后慢慢地将一个项目迁移到另一个项目中吗？ 我知道明智的做法是创建两个不同的repos，但由于这是一个工作申请分配，其中react是必需的，而next.js是所需的，因此有必要只在一个repo中创建它。
浏览 26提问于2020-12-03得票数 0
回答已采纳
我正在尝试在Next.js应用程序中使用库。
我在/pages中添加了_app.js文件作为，作为放置选取器提供程序的位置：
import React from "react";
import PropTypes from "prop-types";
import { ThemeProvider } from "@material-ui/core/styles";
import { MuiPickersUtilsProvider } from "@material-ui/pickers";
import DateFnsUtils
浏览 1提问于2020-08-09得票数 3
1回答
我使用Next.js
我有这样的结构：
我需要为每个URL打开相同的组件，比如'，'，'‘这个组件：
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { withRouter } from 'next/r
浏览 3提问于2020-12-29得票数 1
我使用next.js和reactjs完成了一个项目。我把next.js和reactjs一起用于SSR。
现在的问题是我无法构建这个项目。如果我构建(next build，next export)，生成的index.html只显示第一页，其他页面链接不起作用。如何构建项目和生成文件。有可能。
我有一个linux共享主机。next.js工作在linux共享宿主中。请带我过去。我是next.js的新手。
package.json
{
"name": "my-app",
"version": "0.1.0",
"pri
浏览 3提问于2019-12-22得票数 0
我目前正在尝试将.svg导入next.js项目，但失败了。
我尝试了导入.svg的方式，就像在react项目中一样，我创建了typing.d.ts并导入了类似于svg的组件。但不起作用。
declare module '*.svg' {
import React from 'react';
const src: string;
export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
export defau
浏览 44提问于2022-03-01得票数 1
1回答
Next.JS使用babel来配置您呈现的原因。
module.exports = function (api) {
const isServer = api.caller((caller) => caller?.isServer)
const isCallerDevelopment = api.caller((caller) => caller?.isDev)
const presets = [
[
'next/babel',
{
'p
浏览 0提问于2021-11-02得票数 12
回答已采纳
在一些教程之后，我能够将我的Next.js应用程序部署到Firebase主机/函数。下面是我的项目的简化文件夹结构：
myApp
node_modules // Next.js app dependencies
.next // destination of npm run build of the Next.js project
pages // Next.js pages
functions
lib // this is where the functions compile
node_modules // functions' dependenci
浏览 3提问于2021-08-06得票数 4
回答已采纳
我正试图为一个Next.js项目建立故事簿。我有一个组件，用于从呈现Next.js标记。我的问题是，当我加载这个组件时，Storybook会抛出以下错误：
Cannot read property 'pageLoader' of null
at Link.handleRef
要让Storybook使用Next.js路由，特别是呈现Link标记，您需要做什么？
更新:导致错误的代码：
// button-component.js
import Link from 'next/link.js';
import t from 'prop-types
浏览 1提问于2020-01-13得票数 7
/组件/MdEditor
import React, { useRef, useState, useCallback } from "react";
import "@uiw/react-md-editor/markdown-editor.css";
import "@uiw/react-markdown-preview/markdown.css";
import dynamic from "next/dynamic";
const MdEditor = () => {
/// config for next.js (di
浏览 8提问于2022-09-23得票数 0
1回答
这是我第一个Next.js项目，我遇到了一个奇怪的障碍。尽管我至少三次确认我已经安装了react并安装了最新的react，但是在next、next build或next run期间，进程会随着消息中止：
The module 'react-dom' was not found. Next.js requires that you include it in the 'dependencies' of your 'package.json'. To add it, run 'npm install --save react-dom'
浏览 2提问于2019-07-21得票数 6
React - 16.8.6
React-dom - 16.8.6
Next.js - 8.1.0
<Mutation mutation={UPDATE_ITEM_MUTATION} variables={this.state}>
<form />
</Mutation
浏览 3提问于2019-05-03得票数 0
当我正在为我的Next.js React应用程序寻找url构建器/解析器模块的过程中，我发现模块只导入了节点'url‘模块。
如何在浏览器生命周期中处理此问题？我可以在我的react代码中安全地使用import url from 'url'吗？因为next.js是同构的，所以我不确定如何处理/使用它。
浏览 7提问于2017-07-31得票数 1
回答已采纳
2回答
我是next.js的新手，在index.js的next.js默认页面中，我想把它的路径改为login，有没有人能教我怎么做？现在我正在使用Router.push('/login');，但它产生了闪烁问题，有谁能帮我解决这个问题吗？
import Head from 'next/head'
import styles from '../styles/Home.module.css'
import Router from 'next/router'
import React, { useEffect } from "react
浏览 0提问于2020-08-11得票数 2
我正在尝试使用dotenv作为API_URL的React。当我在Next.js中的Next.js页面中使用它时。我知道这个错误
Module not found: Can't resolve 'fs' in 'node_modules\dotenv\lib'
Import trace for requested module:
./pages/index.js
我使用dotenv的方法如下：
1.
import { config } from 'dotenv';
config();
import dotenv from
浏览 9提问于2022-02-14得票数 0
回答已采纳
5回答
我已经看到了使用redux的next.js示例。但是有什么简单的方法可以用next.js来安装redux吗？我想设置redux，我以前是如何用react.js安装的
浏览 15提问于2020-12-23得票数 2
回答已采纳
当尝试在D3中使用Next.js时，当使用D3.jsv7.0.0和Next.js v11.0.1时，我无法克服这个错误。
ERR_REQUIRE_ESM:必须使用导入加载ES模块
，我尝试了next-transpile-modules，没有运气，，我得到了D3.jsv7.0.0与create-react-app一起工作，但我需要D3与Next.js v11.0.1一起工作
我使用npm i d3安装了D3.js。我是用import * as d3 from "d3"进口的。使用Node v15.8.0和React v17.0.2
浏览 5提问于2021-06-25得票数 18
我正在研究Next.js和。我按照官方的requestAnimationFrame示例成功地将它们运行在一起，但是当我试图从react本机使用动画包时，它失败了，没有定义Next.js。基本上，这个功能可以完成node_modules包，但是我在webpack中设置了别名，以便将所有react本机需求转换为react本机-web，所以即使是node_modules包也应该使用react本机-web。
对如何解决这个问题有什么建议吗？
ReferenceError: requestAnimationFrame is not defined
at start (...node_module
浏览 2提问于2020-04-25得票数 7
回答已采纳
1回答
Next.js页面不能路由
、、、、
开发环境
next.js
打字本
造型-部件
我在构建next.js环境中所做的工作
纱线创建下一个应用
纱线添加-dev类型/类型/反应类型/节点
纱线添加样式.组件纱线添加-D @类型/样式-组件
我跑了上面的四个
我不明白
执行上述命令并为next.js构建环境。
我在pages目录下创建了user.tsx并访问了页面/用户，但是我得到了一个404未找到的错误。为什么？
packege.json
{
"name": "next-app",
"version": "0.1.0",
"private
浏览 12提问于2020-07-07得票数 0
我正在尝试在装有Plesk panel和Windows IIS的VPS Windows10上部署我的Next.js应用程序。 问题是我在Plesk面板上创建了域名，它工作得很好。我在端口3000上有Next.js应用程序的本地主机，我正在尝试使用IIS重写反向代理使用域连接到[D0 IIS重写反向代理： ? 但它给出了内部服务器错误500： ? 我在React.js和Next.js以及带有Express定制服务器的Next.js上尝试了这一点。仍然是同样的错误。 但当我尝试使用Vue.js或Node.js express服务器时，它工作得很好。 当我像这样打开端口domain
浏览 101提问于2021-08-16得票数 2
回答已采纳
我在我的Next.js应用程序中安装了终端机。这是我收到的错误消息
error - ./node_modules/next/dist/client/dev/amp-dev.js
Error: Cannot find module 'xwind/babel'
我是这样安装Next.js应用程序的：
npx create-next-app -e with-tailwindcss ./
这些是我安装的依赖项：
npm install graphql graphql-request html-react-parser moment react-multi-carousel sass
浏览 16提问于2022-09-15得票数 1
我想为React组件动态加载一些库。Next.js有一个内置功能：https://nextjs.org/docs/advanced-features/dynamic-import。Next.js中的示例：dynamic(() => import('../components/hello'))如何在Gatsby.js中完成？
浏览 20提问于2021-10-01得票数 0
我正处于React/javascript学习经验的快速原型阶段。我想知道人们什么时候会选择Next.js或Gatsby.js这样的框架，而不是标准的Create React应用程序。
我真的很喜欢基于网页的结构和Next.js的预加载链接的前景。然而，我不确定什么时候你会达到下一个，而不是CRA，甚至是弹出的CRA。
谢谢!
浏览 0提问于2017-09-02得票数 65
2回答
最近，我一直在学习React的Next.js，我更喜欢路由系统，而不仅仅是react导航。现在，我准备启动一个react本机前端，我想知道您是否可以使用Next.js的路由系统来响应本机以及它的其他好处。我知道你可以在世博会上使用它，但我对它是如何工作的感到有点困惑，我开始怀疑下一个是否只在网站上起作用。
有人有这方面的经验吗？如有任何资料，将不胜感激。
谢谢!
浏览 15提问于2022-06-01得票数 3
回答已采纳
当我尝试使用yarn build命令构建用于生产的Next.js应用程序时，我得到了以下错误。但它在开发服务器上运行良好(当使用yarn dev命令时)。我正在使用react-plotly.js库在这个react应用程序中生成绘图图形。 使用react-plotly库： import Plot from 'react-plotly.js';
return(
<>
<Plot data={[data]} layout={layout} />
</>
) 下面是错误： > Build error occurred
Refe
浏览 27提问于2021-10-13得票数 0
回答已采纳
2回答
我使用react-pdf库在Next.js中生成PDF，查看并在静态客户端Next.js应用程序中下载该PDF (不涉及服务器)。但我不能为Next.js设立Webpack，因为我对此不太了解。
这是Webpack为react-pdf所需的设置
const webpack = require('webpack')
module.exports = {
/* ... */
resolve: {
fallback: {
process: require.resolve('process/browser'),
zlib: r
浏览 10提问于2022-01-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
