搜尋

首頁  >  問答  >  主體

Grommet Starter 的 hot-update.js 出現錯誤

<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) 在 http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11014:142 在 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 sent through to the DOM, which will likely trigger a React console sent through; ; <p>我試了<code>yarn add @emotion/is-prop-valid</code>但這沒有任何區別。我在這裡做錯了什麼? </p>
P粉715228019P粉715228019450 天前532

全部回覆(1)我來回復

  • P粉741223880

    P粉7412238802023-09-02 10:05:25

    其中一個步驟是將styled-components 加入到依賴項中。最新的主要版本是 6,但 Grommet 目前僅相容於 5。我將 package.json 中的版本更改為 ^5.3.11 並解決了問題。 < /p>

    回覆
    0
  • 取消回覆