捕获Material UI弃用警告

Question

我们公司有一个中央共享材料UI主题，各个团队将其纳入他们的代码库。

当我们尝试使用最新版本时，中央存储库不能以相同的速度更新，当有突破性的变化(就像我们从v4到v5的路径)

现在我们在本地代码库中有一个比中央代码库更新的版本，当创建主题时，我们会收到deprecation警告，fade被重命名为alpha。

Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality.

这在我们的许多测试中也被抛出，我想找到一种方法来暂时抑制这个错误，有一个简单的方法吗?

我知道我们已经在代码库中切换了fade to alpha的用法，只是中间的那个仍然使用旧的符号。

Answer 1

我们实际上写了一个这样的包装器:

if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {
const errorFn = global.console.error;
const warnFn = global.console.warn;
const contains = (target, pattern) => {
let value = 0;
pattern.forEach(word => (value = value + target.includes(word)));
return value === 1;
};
const ignoreListError = [
'The `fade` color utility was renamed to `alpha` to better describe its functionality.',
'the createMuiTheme function was renamed to createTheme',
];
const ignoreListWarn = ['The `theme.typography.round` helper is deprecated.'];
global.console.error = msg => {
if (!(typeof msg === 'string' && msg.indexOf('Material-UI') !== -1 && contains(msg, ignoreListError))) {
errorFn(msg);
}
};
global.console.warn = msg => {
if (!(typeof msg === 'string' && msg.indexOf('Material-UI') !== -1 && contains(msg, ignoreListWarn))) {
warnFn(msg);
}
};
}
export {};

Answer 2

尝试更新包npm更新我发现在一些材料ui组件的实现中使用了过时的"fade"属性，当我更新它时，警告消失了