Grommet Starter 的 hot-update.js 出现错误
P粉715228019
P粉715228019 2023-09-01 11:16:12
0
1
540
<p>我正在研究 Grommet 的入门示例,并在添加 <code><AppBar></code> 标记时遇到此错误:</p> <pre class="brush:php;toolbar:false;">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)</pre> <p>进一步检查后,控制台会显示一系列警告,如下所示:</p> <pre class="brush:php;toolbar:false;">styled-components: it looks like an unknown prop "full" is being sent through to the DOM, which will likely trigger a React console error</pre> <p>我尝试了<code>yarn add @emotion/is-prop-valid</code>但这没有任何区别。我在这里做错了什么?</p>
P粉715228019
P粉715228019

全部回复(1)
P粉741223880

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板