Wasserventil links ошибка 31

After deployment of my app on Heroku, it crashes with the message InternalError: "too much recursion"then Invariant Violation: "Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=InternalError%3A%20too%20much%20recursion&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.... when I try to access the home page.The page renders nothing also. The other pages seem to work fine but I have to edit the URL in the browzer to access them. I don’t see what I am doing wrong.

If I try keeping track on how many times the fetch in componentDidMount is ran, the error disappears. I don’t see a problem with the fumction beeing called also. I checked for the trailing JS semi-columns after tags and made sure that all components return a valid jsx.

Home/index.js

import React, { Component } from "react";
import PageWrapper from "../PageWrapper";
import { connect } from "react-redux";
import { fetchHighlightedCourses } from "../../store/actions";

import AsyncWrapper from "../AsyncWrapper";
const AsyncCourseList = AsyncWrapper(() => import("./CourseList"));

class Home extends Component {
  componentDidMount() {
    const { highlightedCourses } = this.props;
    if (!Array.isArray(highlightedCourses) || highlightedCourses.length === 0)
      this.props.fetchHighlightedCourses();
  }

  _renderCourseList = () => {
    const { highlightedCourses } = this.props;
    console.log(highlightedCourses);
    if (Array.isArray(highlightedCourses) && highlightedCourses.length > 0)
      return <AsyncCourseList courses={highlightedCourses} />;
    return <div> </div>
  };

  render() {
    return (
      <PageWrapper title="Acceuil">
        {this._renderCourseList()}
      </PageWrapper>
    );
  }
}

const mapStateToProps = state => {
  return {
    highlightedCourses: state.explore.highlightedCourses
  };
};

export default connect(
  mapStateToProps,
  { fetchHighlightedCourses }
)(Home);

Home/CourseList.js

import React from "react";
import classNames from "classnames";
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import { withStyles } from "@material-ui/core/styles";
import { Link as RouterLink } from "react-router-dom";
import Link from "@material-ui/core/Link";
import CourseCard from "./CourseCard";

const styles = theme => ({
  layout: {
    width: "auto",
    marginLeft: theme.spacing.unit * 3,
    marginRight: theme.spacing.unit * 3
  },
  cardGrid: {
    padding: `${theme.spacing.unit * 4}px 0`
  },
  catalogTitle: {
    color: theme.palette.text.secondary,
    marginBottom: theme.spacing.unit * 3
  },
  catalogLink: {
    marginTop: theme.spacing.unit * 3
  }
});

const CourseList = ({ classes, courses }) => {
  if (Array.isArray(courses))
    return (
      <div className={classNames(classes.layout, classes.cardGrid)}>
        <Typography variant="h6" className={classes.catalogTitle}>
          {"Que voulez-vous apprendre aujourd'hui?"}
        </Typography>
        <Grid container spacing={24}>
          {courses.map((course, index) => (
            <Grid item key={index}>
              <CourseCard course={course} />
            </Grid>
          ))}
        </Grid>
        <Typography variant="h6" className={classes.catalogLink}>
          <Link component={RouterLink} to={`/explore/classes`} underline="none">
            {"Voir plus des Cours >"}
          </Link>
        </Typography>
      </div>
    );
  return <div> </div>
};
export default withStyles(styles)(CourseList);

Home/CourseCard.js

import React, { Component } from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/core/styles";
import Card from "@material-ui/core/Card";
import CardActionArea from "@material-ui/core/CardActionArea";
import CardActions from "@material-ui/core/CardActions";
import MoreHoriz from "@material-ui/icons/MoreHoriz";
import CardContent from "@material-ui/core/CardContent";
import Grow from "@material-ui/core/Grow";
import CardMedia from "@material-ui/core/CardMedia";
import Typography from "@material-ui/core/Typography";
import IconButton from "@material-ui/core/IconButton";
import DefaultImage from "./default.jpg";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@material-ui/core/MenuItem";
import { Link as RouterLink } from "react-router-dom";
import Link from "@material-ui/core/Link";

const styles = {
  card: {
    width: 190,
    height: "100%",
    display: "flex",
    flexDirection: "column"
  },
  media: {
    height: 90
  },
  courseTitle: {
    height: 65
    //overflowX: 'auto'
  },
  cardContent: {
    flexGrow: 1
  }
};

class CourseCard extends Component {
  constructor(props) {
    super(props);
    this.state = {
      anchorEl: null
    };
  }
  handleMoreClick = event => {
    this.setState({ anchorEl: event.currentTarget });
  };

  handleMoreClose = () => {
    this.setState({ anchorEl: null });
  };

  render() {
    const { classes, course } = this.props;
    const { anchorEl } = this.state;
    return (
      <Grow in timeout={300}>
        <Card className={classes.card}>
          <CardActionArea>
            <Link
              component={RouterLink}
              to={`/explore/classe/${course._id}`}
              underline="none"
            >
              <CardMedia
                className={classes.media}
                image={course.img || DefaultImage}
                title="Default image"
              />
              <CardContent className={classes.cardContent}>
                <Typography
                  gutterBottom
                  variant="h6"
                  component="h6"
                  className={classes.courseTitle}
                >
                  {course.title}
                </Typography>
              </CardContent>
            </Link>
          </CardActionArea>
          <CardActions>
            <IconButton
              color="primary"
              aria-label="more_options"
              onClick={this.handleMoreClick}
            >
              <MoreHoriz />
            </IconButton>
            <Menu
              id="more_options"
              anchorEl={anchorEl}
              open={Boolean(anchorEl)}
              onClose={this.handleMoreClose}
            >
              <MenuItem onClick={this.handleMoreClose}>S'inscrire</MenuItem>
              <MenuItem onClick={this.handleMoreClose}>Détails</MenuItem>
            </Menu>
          </CardActions>
        </Card>
      </Grow>
    );
  }
}

CourseCard.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles(styles)(CourseCard);

The following fixes the issue but I would like to know why.

class Home extends Component {
state = { fetched: 0 };
  componentDidMount() {
    const { highlightedCourses } = this.props;
    if (
      (!Array.isArray(highlightedCourses) || highlightedCourses.length === 0) &&
      this.state.fetched < 3
    ) {
      this.setState(prev => ({ fetched: prev.fetched + 1 }));
      this.props.fetchHighlightedCourses();
    }
  }
...//the rest is the same
}

Here is the action

export const fetchHighlightedCourses = () => async dispatch => {
  try {
    dispatch({
      type: HIGHLIGHTED_COURSE_LOADING
    });

    const res = await axios.get(highlightedCourseURL);

    if (res.status === 200 && res.data.success) {
      return await dispatch({
        type: HIGHLIGHTED_COURSE_SUCCESS,
        payload: res.data.content
      });
    }
    return await dispatch({
      type: HIGHLIGHTED_COURSE_FAILLURE,
      payload: res.data.message
    });
  } catch (error) {
    let message;
    if (error.response && error.response.data && error.response.data.message)
      message = error.response.data.message;
    else message = "Erreur survenue lors du chargement de vos contacts";
    return await dispatch({
      type: HIGHLIGHTED_COURSE_FAILLURE,
      payload: message
    });
  } finally {
    return await dispatch({
      type: HIGHLIGHTED_COURSE_DONE
    });
  }
};

Thank you

( 2 оценки, среднее 3 из 5 )

Hi @ZhifangWang —

I have a case open with Technical Support now and I think I have identified what is happening here. My case number is #03216988 for your reference. I can share the Survey123 XLSForm with you, or invite you to a group that contains the Survey123 form, web map, ExB app and hosted Feature Layer I am working with, if that helps. 

My Survey123 form was working properly until early last week when I had this error. I republished the form and it was working OK again until I swapped out a layer within a web map and needed to update my Experience Builder app to re-configure the connection between the Map and Survey widgets. I am passing attributes & geometry from a layer in my map into a Survey123 form. I’d switched the attribute/geometry source layer in the map, and needed to rebuild the connection between Map and Survey widget in ExB. I was unable to do this because of the error this post was written about. 

After lots of testing, I think I have identified the problem as Survey123 Connect version 3.16.xxx.

Yesterday, I republished my Survey123 form using an older version of Survey123 Connect that I had on my computer. I republished the XLSForm from version 3.15.175. Before republishing, I removed my pulldata @ layer function since this is not supported at version 3.15.xxx. When I opened my Experience Builder app, it was working perfectly and I was able to rebuild the connection between my Map and Survey widgets. I saved and published ExB. I then opened my XLSForm in Survey123 Connect version 3.16.110, added the pulldata @ layer function back in and published the form. I opened the published ExB app and was able to successfully use the map/survey together. The information from the map passed into the Survey123 form and I could submit. 

Screen capture below from right after republishing from Connect version 3.15.175. 

I am using this pulldata @ layer function in the XLSForm:

Erica

С недавних пор вы начали видеть вышеупомянутое сообщение об ошибке — не волнуйтесь, вы не одиноки.

Содержание

Количество других пользователей получили такое же сообщение, и оно мешает им получать и отправлять сообщения. К счастью, есть быстрое решение.

В этой статье приведены проверенные и испытанные методы устранения проблемы и возвращения ваших сообщений. Кроме того, здесь также приводится быстрый список причин, по которым ошибка появляется в первую очередь.

Пользователи iPhone

Отключение iMessage на вашем iPhone должно помочь, особенно когда кто-то пытается отправить вам сообщение через смартфон Android. Вот что для этого нужно сделать:

Запустите приложение Настройки, затем пройдите вниз по списку и выберите Сообщения.

В следующем окне нажмите кнопку рядом с iMessage, чтобы отключить его. Теперь вы можете вернуться и проверить, появится ли сообщение снова.

Пользователи Android

Независимо от того, какой смартфон Android или приложение для обмена сообщениями вы используете, лучше всего перейти на официальное приложение Verizon Messages . Это связано с тем, что многие сторонние приложения с трудом взаимодействуют с серверами сети провайдера.

Скачайте, а затем установите приложение из PlayStore. Вам будет предложено ввести свои учетные данные. После регистрации попробуйте отправить сообщение с помощью приложения.

Очистить кэш

Возможно, ошибка появится снова даже после установки официального приложения для обмена сообщениями. В этом случае вам необходимо очистить данные и кэш с вашего устройства Android.

Зайдите в приложение «Настройки», затем перейдите в раздел «Приложения и уведомления». Чтобы вы знали, на некоторых смартфонах это меню может быть обозначено просто Apps.

Теперь перейдите к Verizon Messages и нажмите, чтобы открыть меню. В следующем окне выберите пункт Хранилище и нажмите кнопки под пунктами Данные и Кэш. Эти кнопки называются Очистить данные и Очистить кэш соответственно.

Бонусный совет:

Если по какой-то причине ошибка все еще появляется, попробуйте несколько раз нажать кнопку Отправить. Вы сделаете это в приложении Сообщения, и это действие должно устранить ошибку.

Отключение расширителя сигнала

При использовании расширителя лучше отключить его на некоторое время и выключить Wi-Fi. Обычно есть переключатель включения/выключения, или вы можете просто выдернуть кабель из удлинителя. После этого попробуйте отправить сообщение через сотовую сеть.

Если сообщение отправилось, поздравляем, вы нашли виновника. Теперь лучше всего связаться со службой поддержки Verizon и попросить технического специалиста определить, что не так с вашим экстендером.

Что вызывает ошибку 31 Verizon

Сейчас несложно догадаться, кто является главным виновником:

1. Удлинитель сигнала
2. iMessage для пользователей iPhone
3. Сторонние приложения для обмена сообщениями

Но более важным вопросом является то, почему это происходит в первую очередь.

Хотя официального заявления от компании нет, можно предположить, что это связано с проблемами связи в сети. Дело в том, что сотовые и Wi-Fi сети используют разные протоколы для отправки сообщений.

Обычно это не имеет большого значения, поскольку устройства понимают, какой тип сети и протокола является приоритетным. Но в этом случае ваш удлинитель сигнала и iMessage всегда будут отдавать предпочтение Wi-Fi. И этот протокол может преобладать над сотовым. Вот почему при отключении iMessage и Wi-Fi не возникает ошибки.

Автоматическое исправление ошибок

Существует множество сторонних приложений, которые позволяют перечислять и диагностировать ошибки реестра. Это компьютерные приложения, но они справляются со своей задачей. Самое замечательное, что вы сможете выполнить все действия всего за несколько кликов.

Одним из таких приложений является инструмент Restoro . Помимо исправления ошибок реестра, он может очистить вредоносные программы, помочь вам исправить поврежденные файлы и повысить производительность вашего компьютера.

Это платный инструмент, но вы получаете хорошее соотношение цены и качества. Однако на момент написания статьи инструмент был доступен только для Windows.

Разумеется, вы можете изучить различные приложения в этой категории, чтобы найти то, которое подходит именно вам.

May You Have Error-Free Messaging

Несмотря на то, что сообщения об ошибках раздражают, их довольно легко устранить. Хорошая новость заключается в том, что Verizon не является сетью, которая часто может вызывать эту проблему. И они, скорее всего, смогут предотвратить появление ошибки в будущем. Но до тех пор у вас есть все необходимое для ее устранения.

Когда начала появляться ошибка 31? Получали ли вы какие-либо другие сообщения об ошибке? Поделитесь своим опытом с остальными членами сообщества TJ в разделе комментариев ниже.

YouTube видео: Verizon Ошибка 31: Проблема с другой сетью Быстрое исправление

---