Default's questions

当尝试使用 Redis 和缓存管理器在 Nest.js 中学习缓存时，Postman 会抛出 500 内部服务器错误。“缓存管理器”：“^5.1.6”，“缓存管理器-redis-store”：“^3.0.1”。链接到发送请求时终端错误的屏幕截图（https://pastenow.ru/e9d6921c47dd71093458135ada911dc1）这是我的代码

/* App.module.ts */

import { Module, CacheModule } from '@nestjs/common';
import { ConfigModule } from '@nestjs/config';
import { TypeOrmModule } from '@nestjs/typeorm';
import { WinstonModule } from 'nest-winston';
import * as winston from 'winston';
import * as Joi from 'joi';
import type { ClientOpts } from 'redis';
import * as redisStore from 'cache-manager-redis-store';
import { AppController } from './app.controller';
import { UsersModule } from './users/users.module';
import { AppService } from './app.service';
import configuration from './configuration';

const shcema = Joi.object({
  port: Joi.number().integer().default(3000),
  database: Joi.object({
    host: Joi.string()
      .pattern(/postgres:\/\/[a-zA-Z]/)
      .required(),
    port: Joi.number().integer().required(),
    username: Joi.string(),
    password: Joi.string(),
  }),
});

@Module({
  imports: [
    ConfigModule.forRoot({
      load: [configuration],
      isGlobal: true,
      validationSchema: shcema,
    }),
    TypeOrmModule.forRootAsync({
      imports: [ConfigModule],
      useClass: AppService,
    }),
    CacheModule.register<ClientOpts>({
      store: redisStore,
      host: 'localhost',
      port: 6379,
    }),
    WinstonModule.forRoot({
      levels: {
        critical_error: 0,
        error: 1,
        special_warning: 2,
        another_log_level: 3,
        info: 4,
      },
      transports: [
        new winston.transports.Console({ format: winston.format.simple() }),
        new winston.transports.File({ filename: 'error.log', level: 'error' }),
      ],
    }),
    UsersModule,
  ],
  controllers: [AppController],
  providers: [AppService],
})
export class AppModule {}

/* App.service.ts */

import { Injectable, Inject } from '@nestjs/common';
import { ConfigService } from '@nestjs/config';
import { TypeOrmOptionsFactory } from '@nestjs/typeorm';
import { WINSTON_MODULE_PROVIDER } from 'nest-winston';
import { Logger } from 'winston';

@Injectable()
export class AppService implements TypeOrmOptionsFactory {
  constructor(
    private readonly configService: ConfigService,
    @Inject(WINSTON_MODULE_PROVIDER) private readonly logger: Logger,
  ) {}
  createTypeOrmOptions() {
    /* this.logger.log('Creating a user'); */
    return this.configService.get('database');
  }
  getHello(): string {
    return 'Hello Nest.Js';
  }
}

/* App.controller.ts */

import { Controller, Get, CACHE_MANAGER, Inject } from '@nestjs/common';
import { Cache } from 'cache-manager';
import { AppService } from './app.service';

@Controller()
export class AppController {
  constructor(
    private readonly appService: AppService,
    @Inject(CACHE_MANAGER) private cache: Cache,
  ) {}

  @Get()
  async getHello() {
    const someValue = this.appService.getHello();
    await this.cache.get(someValue);
    if (someValue) {
      return someValue;
    }
    const result = this.appService.getHello();
    await this.cache.set(result, { ttl: 1000 });
    return result;
  }
}

添加卡片时，仅在页面重新加载后才添加，尽管以相同的方式更改页面上的用户数据，它们立即更改，无需重新加载。

这是用户数据更改的实现方式（它们无需重新加载即可更改）

_checkResponse(response) {
    if (response.ok) {
      return response.json();
    };
    return Promise.reject(`Ошибка: ${response.status}`);
  };

changeUserData(userName, userAbout) {
    return fetch (this._baseUrl + '/users/me', {
      method: 'PATCH',
      headers: this._headers,
      body: JSON.stringify({
        name: userName,
        about: userAbout
      }),
    })
    .then(this._checkResponse);
  };

export default class UserInfo {
  constructor (nameSelector, aboutSelector, avatarSelector) {
    this._nameSelector = document.querySelector(nameSelector);
    this._aboutSelector = document.querySelector(aboutSelector);
    this._avatarSelector = document.querySelector(avatarSelector)
  };

  getUserInfo() {
    return {
      name: this._nameSelector.textContent,
      about: this._aboutSelector.textContent,
      avatar: this._avatarSelector.src
    };
  };

  setUserInfo(userData) {
   this._nameSelector.textContent = userData.name;
   this._aboutSelector.textContent = userData.about;
   this._avatarSelector.src = userData.avatar;
  };
};

/* Создание данных профиля */
const userInfo = new UserInfo (
  '.profile__title', 
  '.profile__subtitle', 
  '.profile__avatar'
);

/* ФОРМА ПРОФИЛЯ */  

/* Хендлер отправки формы */
const handleFormEditSubmit = (newInputValues) => {
  api.changeUserData(newInputValues['input-name'], newInputValues['input-about'])
    .then((userData) => {
    userInfo.setUserInfo(userData)
  })
    .catch((err) => {
      console.log(err);
    });
};

但是通过相同的逻辑，我向页面添加了一张新卡，然后它仅在页面重新加载后出现

export default class Card {
  constructor ({cardData, handleLikeCard, handleCardClick, handleDeleteCard}, userId, templateSelector) {
    this._name = cardData.name;
    this._link = cardData.link;
    this._likes = cardData.likes;
    this._cardId = cardData._id;
    this._ownerId = cardData.owner._id;
    this._handleLikeCard = handleLikeCard;
    this._userId = userId
    this._templateSelector = templateSelector;
    this._handleCardClick = handleCardClick;
    this._handleDeleteCard = handleDeleteCard;
  };
/* Клонирование разметки карточки */
  _getElement() {
    const cardElement = document
      .querySelector(this._templateSelector).content
      .querySelector('.cards__card').cloneNode(true);
    return cardElement
  }
/* Наполнение разметки карточки */
  generate() {
    this._element = this._getElement();
    this._element.querySelector('.cards__title').textContent = this._name;
    this._cardImage = this._element.querySelector('.cards__pic');
    this._cardImage.src = this._link;
    this._cardImage.alt = this._name;
    this._deleteButton = this._element.querySelector('.cards__delete');
    this._likeButton = this._element.querySelector('.cards__like-button');
    this.updateDeleteButtonView();
    this.updateLikesView();
    this._setEventListeners();
    return this._element;
  };
/* Получение ID карточки */
  id() {
    return this._cardId;
  };
/* Проверка на наличие лайка пользователя */
  isLiked() {
    return Boolean (this._likes.find(userData => userData._id === this._userId))
  };
/* Изменение состояния лайка, в зависимости от наличия лайка пользователя */
  updateLikesView() {
    if (this.isLiked()) {
      this._likeButton.classList.add('cards__like-button_active');
    } else {
      this._likeButton.classList.remove('cards__like-button_active');
    };
    this._updateLikes();
  };

/* Актуализация количества лайков */
  _updateLikes() {
    this._element.querySelector('.cards__like-counter').textContent = this._likes.length;
  };

/* Проверка принадлежности карточки к пользователю */
  isCardOfUser() {
    return Boolean (this._cardId.find(cardData => cardData.owner_id === this._userId))
  };

/* Изменение состояния кнопки удаления карточки */
  updateDeleteButtonView() {
    if (this.isCardOfUser) {
      this._deleteButton.classList.add('cards__delete_inactive');
    } else {
      this._deleteButton.classList.remove('cards__delete_inactive');
    };
  };

/* Удаление карточки из разметки и из оперативной памяти */
  remove() {
    this._element.remove();
    this._element = null;
  };
/* Установка слушателей */
  _setEventListeners() {
    this._cardImage.addEventListener('click', () => {
      this._handleCardClick(this._link, this._name)
    });
    this._deleteButton.addEventListener('click', () => {
      this._handleDeleteCard(this)
    });
    this._likeButton.addEventListener('click', () => {
      this._handleLikeCard(this)
    });
  }
}

addNewCard(cardName, cardLink) {
    return fetch (this._baseUrl + '/cards', {
      method: 'POST',
      headers: this._headers,
      body: JSON.stringify({
        name: cardName,
        link: cardLink
      }),
    })
    .then(this._checkResponse);
  };

/* ФОРМА ДОБАВЛЕНИЯ КАРТОЧКИ */ 

/* Хендлер отправки формы */
const handleFormAddSubmit = (newInputValues) => {
  api.addNewCard(newInputValues['input-place'], newInputValues['input-link'])
    .then((cardData) => {
      cardSection.addItem(createCard(cardData))
    })
    .catch((err) => {
      console.log(err);
    });
};

提交表单时，弹出“错误400”，错误截图在这里 https://pastenow.ru/fd19fd27b433267dc843427f9381cbff

changeUserData(userName, userAbout) {
    return fetch (this._baseUrl + '/users/me', {
      method: 'PATCH',
      headers: this._headers,
      body: JSON.stringify({
        name: userName,
        about: userAbout
      }),
    })
    .then(this._checkResponse);
  };

export default class PopupWithForm extends Popup {
  constructor (selectorPopup, selectorForm, handleFormSubmit) {
    super(selectorPopup);
    this._selectorForm = this._selectorPopup.querySelector(selectorForm)
    this._handleFormSubmit = handleFormSubmit;
  };
/* Получение значений из полей ввода */
  _getInputValues() {
    this._inputList = this._selectorPopup.querySelectorAll('.popup__input');
    this._newInputValues = {};
    this._inputList.forEach((inputElement) => {
      this._newInputValues[inputElement.name] = inputElement.value
    });
    return this._newInputValues
  };
/* Сброс значений полей ввода */
  resetForm() {
    this._selectorForm.reset();
  };
/* Добавление сброса формы в родительский метод закрытия модального окна*/
  closePopup() {
    super.closePopup(); 
    this.resetForm();
  };
/* Установка слушателей */
  setEventListeners() {
    super.setEventListeners();
    this._selectorForm.addEventListener('submit', (evt) => {
      evt.preventDefault();
      this._handleFormSubmit(this._getInputValues());
      this.closePopup();
    });
  }
};


/* ФОРМА ПРОФИЛЯ */  

/* Хендлер отправки формы */
const handleFormEditSubmit = (newInputValues) => {
  api.changeUserData(newInputValues)
    .then((userData) => {
    userInfo.setUserInfo(userData)
  })
    .catch((err) => {
      console.log(err);
    });
};

/* Открытие модального окана и подключение слушателей */
const popupEdit = new PopupWithForm(
  '.popup_type_edit', 
  '.popup__input-container_type_edit',
   handleFormEditSubmit
);

popupEdit.setEventListeners();

editprofileButton.addEventListener('click', () => {
  const userData = userInfo.getUserInfo();
  inputName.value = userData.name;
  inputAbout.value = userData.about;
  popupEdit.openPopup();
});

我正在根据OOP范式做一个项目，我不明白为什么它没有找到并添加一个类以便模式窗口变得可见，它在这段代码片段中给出了这样的错误

openPopup() {
    this._selectedPopup.classList.add('popup_opened');
    document.addEventListener('keydown', this._handleEscKey);
  };

未捕获的类型错误：无法读取未定义的属性（读取“classList”）

class Popup {
  constructor (selectorPopup) {
    this._selectorPopup = document.querySelector(selectorPopup);
  };
/* Открытие модального окна */
  openPopup() {
    this._selectedPopup.classList.add('popup_opened');
    document.addEventListener('keydown', this._handleEscKey);
  };
/* Закрытие модального окна */
  closePopup() {
    this._selectorPopup.classList.remove('popup_opened');
    document.removeEventListener('keyup', this._handleEscKey);
  };
/* Закрытие модального окна кнопкой 'Escape' */
  _handleEscKey() {
    if (evt.key = 'Escape') {
      this.closePopup;
    };
  };
/* Постановка слушателей для закрытия модального окна по клику на "Overlay" и крестик */
  setEventListeners() {
    this._selectorPopup.addEventListener('click', () => {
      if (evt.target.classList.contains('popup_opened')) {
        this.closePopup;
      };
      if (evt.target.classList.contains('popup__close-icon')) {
        this.closePopup;
      };
    });
  };
};
class PopupWithForm extends Popup {
  constructor (selectorPopup) {
    super(selectorPopup);
    //this._handleFormSubmit = handleFormSubmit;
  };
/* Получение значений из полей ввода */
  _getInputValues() {
    this._inputList = this._selectorPopup.querySelectorAll('.popup__input');
    this._newInputValues = {};
    this._inputList.forEach((inputElement) => {
      this._newInputValues = inputElement.value
    });
    console.log(this._newInputValues);
  };
/* Сброс значений полей ввода */
  resetForm() {
    this._selectorPopup.reset();
  };
/* Добавление сброса формы в родительский метод закрытия модального окна*/
  closePopup() {
    super.closePopup();
    resetForm();
  };
/* Установка слушателей */
  setEventListeners() {
    super.setEventListeners();
    this._formSelector = this._selectorPopup.querySelector('.popup__input-container');
    this._formSelector.addEventListener('submit', (event) => {
      event.preventDefault()
    });
    //this._handleFormSubmit(this._getInputValues());
    }
};