我正在研究 Grommet 的入门示例,并在添加 标记时遇到此错误:
defaultValidatorFn is not a function
TypeError: defaultValidatorFn is not a function
at shouldForwardProp (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:4491:12)
at http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11014:142
at D (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11023:6)
at renderWithHooks (http://localhost:3000/static/js/bundle.js:31049:22)
at updateForwardRef (http://localhost:3000/static/js/bundle.js:33620:24)
at beginWork (http://localhost:3000/static/js/bundle.js:35667:20)
at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:20641:18)
at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:20685:20)
at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:20742:35)
at beginWork$1 (http://localhost:3000/static/js/bundle.js:40616:11)
进一步检查后,控制台会显示一系列警告,如下所示:
styled-components: it looks like an unknown prop "full" is being sent through to the DOM, which will likely trigger a React console error
我尝试了yarn add @emotion/is-prop-valid但这没有任何区别。我在这里做错了什么?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
其中一个步骤是将
styled-components添加到依赖项中。最新的主要版本是 6,但 Grommet 目前仅兼容 5。我将package.json中的版本更改为^5.3.11并解决了问题。