小编son*_*dat的帖子

我有一个带有 ReactJs 和 NextJs 的 Web 应用程序。在一个功能组件中，我使用了react-select，然后我收到了以下控制台警告：

警告：道具id不匹配。服务器：“react-select-7-input”客户端：“react-select-2-input”

我的代码如下：

import { Row, Col, Card, Form, Button } from 'react-bootstrap';
import Select from 'react-select';

const priorityOptions = [
  { value: 'p1', label: 'Top level - P1' },
  { value: 'p2', label: 'Mid level - P2' },
  { value: 'p3', label: 'Low level - P3' }
];
const PostView = () => {
  return (
    <div className="DashboardSla-ContentBody__Form">
      <Row>
        <Col md="10">
          <Card className="shadow-sm">
            <Card.Body>
              <Form>
                <h5 className="text-secondary mb-3">Booking details</h5> …

我正在开发一个使用 NextJs 和 ReactJs 开发的项目。突然这个项目显示分配失败 - JavaScript 堆内存不足问题。我已经尝试了网上的所有资源，但是这些资源对我不起作用。我想，也许 next.config.js 或 webpack 中发生了一些错误，但是我不确定。

包.json

{
  "name": "personal-blog",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.28",
    "@fortawesome/free-brands-svg-icons": "^5.13.0",
    "@fortawesome/free-regular-svg-icons": "^5.13.0",
    "@fortawesome/free-solid-svg-icons": "^5.13.0",
    "@fortawesome/react-fontawesome": "^0.1.9",
    "bootstrap": "^4.4.1",
    "dotenv": "^8.2.0",
    "isomorphic-unfetch": "^3.0.0",
    "moment": "^2.24.0",
    "next": "9.3.5",
    "node-fetch": "^2.6.0",
    "react": "16.13.1",
    "react-bootstrap": "^1.0.1",
    "react-debounce-input": "^3.2.2",
    "react-dom": "16.13.1",
    "react-moment": "^0.9.7"
  },
  "devDependencies": {
    "sass": "^1.26.5"
  }
}

next.config.js

const webpack = require("webpack"); …

我在 next.js 应用程序中使用 localStorage 令牌。我尝试在 getInitialProps 页面上获取 localStorage 但它返回undefined.

这是一个例子，

Dashboard.getInitialProps = async () => {
  const token = localStorage.getItem('auth');
  const res = await fetch(`${process.env.API_URL}/pages/about`, {
    headers: { 'Authorization': token }
  });
  const data = await res.json();

  return { page: data };
}