Блог

Используя npm, я обновил свою antd зависимость до 4.17.0-alpha.0 . Когда я попытался запустить свое приложение react после его обновления, оно выдало ошибку.

Ошибка:

 ./src/App.less (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-8-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-8-3!./node_modules/less-loader/dist/cjs.js??ref--5-oneOf-8-4!./src/App.less)

Maximum call stack size exceeded
 

Приложение.меньше (я считаю, что в этом нет ничего плохого):

 @import "~antd/lib/style/themes/default.less";
@import "~antd/dist/antd.less";
@import "~antd/dist/antd.compact.less"; // Introduce the official compact less style entry file

.login-form-container {
  height: 80vh;
  .login-form {
    padding: 30px 0;
    background-color: #fff;
    .button {
      width: 100%;
    }
  }
}

.footer {
  background-color: @primary-color;
  .text {
    color: #fff;
  }
}

.title {
  padding: 0;
  margin: 0;
}
#notif {
  margin: 0;
  padding: 0;
}
.header-icon {
  font-size: 18px;
  color: @black;
}

.page-header {
  margin: 5px;
}

.content-container {
  background-color: #fff;
  padding: 15px;
  min-height: 70vh;
  margin: 10px 25px;
}

 

(PS) Причина, по которой я хочу обновить до альфа-версии, связана с компонентом ящика. Компонент выдвижного ящика имеет extra опору, которая доступна только в последней альфа-версии. Вот документация по ящику. Может быть, я что-то упустил.

Я новичок в Муравьином дизайне.

Установите новую альфа-версию, чтобы исправить это.

 npm install --save antd@4.17.0-alpha.2