reactjs - 不变式失败 : Browser history needs a 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 中，您不必添加 ReactDOM.render部分与普通的 ReactJS 应用程序一样。 NextJS 在渲染应用程序时自己做这件事。

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

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

export default Index;

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

Learn NextJS Docs