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

Question

我的App.js（经过简化，但仍然有这么多错误。）

import React, { Component } from "react";

class App extends Component {
  state = {};

  componentDidMount() {
    this.setState({ user });
  }
}

export default App;

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

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

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

export default Index;

它给出错误Invariant failed: Browser history needs a DOM

Answer 1

在 NextJS 中，您不必像在普通 ReactJS 应用程序中那样添加 ReactDOM.render 部分。 NextJS 在呈现应用程序时自己执行此操作。

最低限度，你必须有应用程序运行是在 pages 目录中添加一个 index.js:

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

export default Index;

注意这里的Index组件是默认导出的

Learn NextJS Docs

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

Invariant failed: Browser history needs a DOM

reactjs

next.js