In hot-update.js von Grommet Starter ist ein Fehler aufgetreten

Question

我正在研究 Grommet 的入门示例，并在添加 标记时遇到此错误:

defaultValidatorFn ist keine Funktion
TypeError: defaultValidatorFn ist keine Funktion
    bei ShouldForwardProp (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:4491:12)
    unter http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11014:142
    bei D (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11023:6)
    bei renderWithHooks (http://localhost:3000/static/js/bundle.js:31049:22)
    bei updateForwardRef (http://localhost:3000/static/js/bundle.js:33620:24)
    bei beginWork (http://localhost:3000/static/js/bundle.js:35667:20)
    unter HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:20641:18)
    bei Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:20685:20)
    bei invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:20742:35)
    bei beginWork$1 (http://localhost:3000/static/js/bundle.js:40616:11)

进一步检查后，控制台会显示一系列警告，如下所示：

styled-components: es sieht aus wie eine unbekannte Requisite "full" wird an das DOM gesendet, was wahrscheinlich einen React-Konsolenfehler auslöst

我尝试了yarn add @emotion/is-prop-valid但这没有任何区别.我在这里做错了什么？

Answer 1

其中一个步骤是将styled-components 添加到依赖项中。最新的主要版本是 6，但 Grommet 目前仅兼容 5。我将 package.json 中的版本更改为 ^5.3.11 并解决了问题。< /p>