"Maximum call stack size exceeded" 升级到 antd alpha 版本后
"Maximum call stack size exceeded" after upgrading to alpha version of antd
使用 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
App.less(我相信这没什么问题):
@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;
}
(P.S.) 之所以要更新到alpha版本是因为Drawer组件。 Drawer 组件有一个 extra
属性,仅在最新的 alpha 版本中可用。这是 Drawer Documentation。也许我错过了什么。
我是Ant Design新手
安装新的 alpha 版本来修复它。
npm install --save antd@4.17.0-alpha.2
使用 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
App.less(我相信这没什么问题):
@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;
}
(P.S.) 之所以要更新到alpha版本是因为Drawer组件。 Drawer 组件有一个 extra
属性,仅在最新的 alpha 版本中可用。这是 Drawer Documentation。也许我错过了什么。
我是Ant Design新手
安装新的 alpha 版本来修复它。
npm install --save antd@4.17.0-alpha.2