🧐[问题]V5版本项目初始化后，控制台出现大量警告

ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

https://pro.ant.design

MIT License

36.45k stars 8.14k forks source link

🧐[问题]V5版本项目初始化后，控制台出现大量警告 #8465

Closed GreedyWhale closed 3 years ago

GreedyWhale commented 3 years ago

🧐 问题描述

使用yarn create umi选择v5版本创建项目
yarn start
控制台出现大量警告

如何消除这些警告

💻 示例代码

🚑 其他信息

版本信息

"dependencies": {
    "@ant-design/icons": "^4.5.0",
    "@ant-design/pro-descriptions": "^1.6.8",
    "@ant-design/pro-form": "^1.18.3",
    "@ant-design/pro-layout": "^6.15.3",
    "@ant-design/pro-table": "^2.30.8",
    "@umijs/openapi": "^1.1.14",
    "@umijs/plugin-openapi": "^1.2.0",
    "@umijs/route-utils": "^1.0.36",
    "antd": "^4.14.0",
    "classnames": "^2.2.6",
    "lodash": "^4.17.11",
    "moment": "^2.25.3",
    "omit.js": "^2.0.2",
    "react": "^17.0.0",
    "react-dev-inspector": "^1.1.1",
    "react-dom": "^17.0.0",
    "react-helmet-async": "^1.0.4",
    "umi": "^3.4.0",
    "umi-request": "^1.0.8"
  }

wumeilian commented 3 years ago

+1，安装proV4版本也是一样出现了这些警告

chenshuai2144 commented 3 years ago

dup of https://github.com/ant-design/ant-design-pro/issues/8464

chenshuai2144 commented 3 years ago

看起来是umi的锅，导致的 react-loadable 的 props 透传了

xu-Aurora commented 3 years ago

hasnum-stack commented 3 years ago

super20155 commented 3 years ago

什么时候解决？？！

wanxiankai commented 3 years ago

8472 8467

lovachen commented 3 years ago

这个要怎么解决

ghost commented 3 years ago

我也出现了同样的错误

chenshuai2144 commented 3 years ago

等umi修吧是动态加载的问题

chenshuai2144 commented 3 years ago

https://github.com/ant-design/ant-design-pro/issues/8472

super20155 commented 3 years ago

可以本地自己先修复吗！

------------------ 原始邮件 ------------------ 发件人: "ant-design/ant-design-pro" @.>; 发送时间: 2021年5月16日(星期天) 晚上9:27 @.>; @.**@.>; 主题: Re: [ant-design/ant-design-pro] 🧐[问题]V5版本项目初始化后，控制台出现大量警告 (#8465)

等umi修吧是动态加载的问题

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

binkuolo commented 3 years ago

来的时候好好的，回不去了😄

binkuolo commented 3 years ago

8472

机智我拷贝之前的node_modules👌

ixi commented 3 years ago

+1 无论v4、v5都出现这个问题

xieww commented 3 years ago

问题原因为@ant-design/pro-layoutzh中PageLoading组件的最近的更新

临时解决办法: 第一种：安装@ant-design/pro-layout@6.18.0以下版本；第二种：替换components下的PageLoading组件为如下代码。

import React from 'react';
import { Spin } from 'antd';

const PageLoading = () => {
  return (
    <div style={{ paddingTop: 100, textAlign: 'center' }}>
      <Spin size="large"  />
    </div>
  );
};

export default PageLoading;

wumeilian commented 3 years ago

问题原因为@ant-design/pro-layoutzh中PageLoading组件的最近的更新

临时解决办法: 第一种：安装@ant-design/pro-layout@6.18.0以下版本；第二种：替换components下的PageLoading组件为如下代码。
import React from 'react';
import { Spin } from 'antd';

const PageLoading = () => {
  return (
    <div style={{ paddingTop: 100, textAlign: 'center' }}>
      <Spin size="large"  />
    </div>
  );
};

export default PageLoading;
第一种方法：已知"@ant-design/pro-layout": "^6.9.0"也会告警的；具体降级到哪个版本可行待验证。。。第二种方法可行！

ixi commented 3 years ago

V4，有没有解决方案？

xieww commented 3 years ago

问题原因为@ant-design/pro-layoutzh中PageLoading组件的最近的更新临时解决办法: 第一种：安装@ant-design/pro-layout@6.18.0以下版本；第二种：替换components下的PageLoading组件为如下代码。
import React from 'react';
import { Spin } from 'antd';

const PageLoading = () => {
  return (
    <div style={{ paddingTop: 100, textAlign: 'center' }}>
      <Spin size="large"  />
    </div>
  );
};

export default PageLoading;
第一种方法：已知"@ant-design/pro-layout": "^6.9.0"也会告警的；具体降级到哪个版本可行待验证。。。第二种方法可行！

我用的是@ant-design/pro-layout@6.17.0，PageLoading的改动是在6.18.0

youxdd commented 3 years ago

Elk-song commented 3 years ago

xykjlcx commented 3 years ago

解决了么？控制台有大量报错。。