Reactjs 不变量失败：浏览器历史记录需要DOM

My App.js（简化了，但仍然有这么多错误。）

我现在已经更新了我的index.js：

import React from "react";
import { BrowserRouter } from "react-router-dom";
import App from "./App";

const Index = () => (
  <BrowserRouter>
    <App />
  </BrowserRouter>
);

export default Index;

从“React”导入React；
从“react router dom”导入{BrowserRouter}；
从“/App”导入应用程序；
常数索引=（）=>(
);
出口违约指数；

---

它给出了一个错误：浏览器历史记录需要一个DOM，在NextJS中，您不必像在正常的ReactJS应用程序中一样添加ReactDOM.render部分。NextJS在呈现应用程序时自己执行此操作

最基本的要求是，您必须让应用程序运行，在

pages

目录中添加

index.js

：

const Index = () => (
  <div>
    <p>Hello Next.js</p>
  </div>
);

export default Index;

const Index=（）=>(
你好，Next.js

);
出口违约指数；

请注意，

索引

组件在默认情况下导出

---

你能在配置了“模块”和“目标”的地方分享你的配置文件吗？我不确定你的确切意思，但我已经编辑了这篇文章来显示我的next.config.json。你能显示你的应用程序组件吗？我现在添加了我的App.js。我原来的App.js有一个呈现方法，是的。这是我更新的index.js，给出

不变失败：浏览器历史需要一个DOM

您也不需要使用

反应路由器

，NextJS自带了自己的路由模块。在开始之前请仔细阅读

const Index = () => (
  <div>
    <p>Hello Next.js</p>
  </div>
);

export default Index;