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在呈现应用程序时自行执行此操作。

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

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

export default Index;

请注意，默认情况下，此处的Index组件是导出的。

Learn NextJS Docs

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

1 个答案: