In hot-update.js von Grommet Starter ist ein Fehler aufgetreten
P粉715228019
2023-09-01 11:16:12
<p>我正在研究 Grommet 的入门示例,并在添加 <code><AppBar></code> 标记时遇到此错误:</p>
<pre class="brush:php;toolbar:false;">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)</pre>
<p>进一步检查后,控制台会显示一系列警告,如下所示:</p>
<pre class="brush:php;toolbar:false;">styled-components: es sieht aus wie eine unbekannte Requisite "full" wird an das DOM gesendet, was wahrscheinlich einen React-Konsolenfehler auslöst</pre>
<p>我尝试了<code>yarn add @emotion/is-prop-valid</code>但这没有任何区别.我在这里做错了什么?</p>
其中一个步骤是将
styled-components
添加到依赖项中。最新的主要版本是 6,但 Grommet 目前仅兼容 5。我将package.json
中的版本更改为^5.3.11
并解决了问题。