Grommet Starter의 hot-update.js에서 오류가 발생했습니다.
P粉715228019
2023-09-01 11:16:12
<p>我添加 <code><AppBar></code> 标记时遇到此错误:</p>
<pre class="brush:php;toolbar:false;">defaultValidatorFn은 함수가 아닙니다.
TypeError: defaultValidatorFn은 함수가 아닙니다.
shouldForwardProp에서 (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:4491:12)
http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11014:142
D에서 (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11023:6)
renderWithHooks에서 (http://localhost:3000/static/js/bundle.js:31049:22)
updateForwardRef(http://localhost:3000/static/js/bundle.js:33620:24)에서
BeginWork에서 (http://localhost:3000/static/js/bundle.js:35667:20)
HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:20641:18)
Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:20685:20)
InvokeGuardedCallback (http://localhost:3000/static/js/bundle.js:20742:35)
BeginWork$1(http://localhost:3000/static/js/bundle.js:40616:11)</pre>
<p>进一步检查后,控system台会显示一系列警告,如下所示:</p>
<pre class="brush:php;toolbar:false;">styled-comComponents: 알 수 없는 소품 "full" DOM을 통해 전송되고 있으며 이로 인해 React 콘솔 오류</pre>가 발생할 가능성이 높습니다.
<p>我尝试了<code>yarn add @emotion/is-prop-valid</code>但这没有任何区别。我这里做错了什么?</p>
단계 중 하나는
styled-components
添加到依赖项中。最新的主要版本是 6,但 Grommet 目前仅兼容 5。我将package.json
中的版本更改为^5.3.11
을 추가하는 것이었고 문제가 해결되었습니다.