Material-ui: 失敗した小道具の種類:「deprecatedVariants」はタイポグラフィでは読み取り専用です

作成日 2018年10月15日  ·  22コメント  ·  ソース: mui-org/material-ui

v3.2.1にアップデートしたばかりで、コンソールに次のエラーが表示されます。
失敗したプロップタイプ:「deprecatedVariants」はタイポグラフィでは読み取り専用です(WithStyles(Typography)によって作成されました)

何か案は?

  • [x]これはv0.xの問題ではありません。
  • [x]このリポジトリの問題を検索し

あなたの環境

| 技術| バージョン|
| -------------- | --------- |
| 素材-UI | v3.2.1 |

bug 🐛 Typography

最も参考になるコメント

問題を特定し、修正が保留されている可能性があります。 このスレッドを「+1」でスパムしないでください。 これは、この問題にサブスクライブしているすべての人への通知を殺到するだけです。 代わりにリアクション機能を使用できます。

全てのコメント22件

Failed prop type: "deprecatedVariants" is read-only in Typography (created by WithStyles(Typography)) in WithStyles(Typography) (created by FormControlLabel) in label (created by FormControlLabel) in FormControlLabel (created by WithStyles(FormControlLabel)) in WithStyles(FormControlLabel) (created by CreateTaskBase)

また、 Typography一見良性の使用のためにこれを取得します。

タイポグラフィバリアントを更新する

@biggreenbubbleどういう意味ですか?

更新バリアントが多すぎる場合は、次の手順に従ってください。

https://material-ui.com/style/typography/#migration -to-typography-v2

ただし、バリアントを更新しても、この問題が発生します。

同様に。

+1

+1
古いバリアントを新しいバリアントに変更しましたが、この警告はまだコンソールにあります。
そしてタイポグラフィ用のAPIドキュメントも古いです

問題を特定し、修正が保留されている可能性があります。 このスレッドを「+1」でスパムしないでください。 これは、この問題にサブスクライブしているすべての人への通知を殺到するだけです。 代わりにリアクション機能を使用できます。

アップストリームの問題は、 https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types/pull/167で修正する必要があり

問題を解決できない場合、コンソールは引き続き次の警告を表示します。

警告:失敗した小道具タイプ:「deprecatedVariants」は読み取り専用です...。

私を手伝ってくれますか? #ありがとう..

@JulianPovedaM修正はまだリリースされていません。 node_modules手動で編集する以外の解決策を提供することはできません。

1つの解決策は、babelプラグインの修正がすでにリリースされているため、クローンを作成し、ローカルでビルドして、アプリにリンクすることです。 ただし、このスレッドでこれを行う方法を尋ねないでください。 これは、この問題の範囲外です。

これはパッチリリースまたは3.4.0でリリースされますか? パッチリリースの場合、時間枠の見積もりはありますか?

しばらくお待ちいただき、ありがとうございます。v3.2.2がリリースされました。問題がないか、お知らせください:)。

私のためにそれを修正します! 素晴らしいターンアラウンド!

私の側でもすべて良いです!

私は昨日インストールした3.2.1を持っていて、グーグル検索からここに来て、3.2.2が出ていることを知りました! 問題が修正されたときに初めて問題が発生しました。 よくやった。

@oliviertassinari私は実際にここで混乱しています。 同じ警告が表示され、 3.2.2にもかかわらず、次のように表示されます。

const theme = createMuiTheme({
  typography: {
    useNextVariants: true
  },
  palette: {
    primary: {
      main: "#50c9c3",
      light: "#87fcf6",
      dark: "#009893",
      contrastText: "#000000"
    },
    secondary: {
      main: "#80d8ff",
      light: "#b5ffff",
      dark: "#49a7cc",
      contrastText: "#000000"
    }
  }
});

コードを確認しました:https ://github.com/mui-org/material-ui/blob/b895ee783b13a50d4ab0a92c2ea15c2ff7f1e8ae/packages/material-ui/src/styles/createTypography.js#L38

createTypographycreateMuiThemeによって呼び出される)を呼び出すと、 https://material-ui.com/style/に従ってuseNextVariantsがtrueに設定されると、常にこの警告が表示されるようです。 typography /#migration -to-typography-v2をお勧めします。 私は何かが足りないのですか?

編集:私はガイドを間違えましたか? 実際には、アプリ全体ですべてのスタイルを手動で更新して、新しいバリアントを使用しました(つまり、 subheadingsubtitle1置き換えるなど)。 この場合、フラグを設定する必要がありますか、それともその逆ですか?

@jraoult警告メッセージを投稿してください。

リンクしたコードの警告メッセージは、条件がfalseの場合にのみトリガーされます。

@ eps1lonそうですね、残念ながらsuppressWarningは実際にはfalseだからです。 しかし今、私は移行ガイドを誤解しているという印象を受けています(コードが正しい場合)。 スタイルを手動で移行した場合、 useNextVariantsを設定する必要はありません。〜

編集: @ eps1lonうーん。 私はおそらく断食をしました。 メッセージが表示されなくなりました。 yarnキャッシュがオフになっているのだろうか。

@oliviertassinariタイポグラフィの使用中にエラーが発生し、 Cannot read property 'useNextVariants' of undefinedます。 私はmaterial-uiテーマを使用していません。 別のパッケージを使用して独自のテーマを設定し、HTMLページ内にwindow.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true;も記述しました。
Typography.js内に、テーマのnull参照をチェックしない条件があるようです。

テーマには一定の形が必要です。 サードパーティのパッケージがこのライブラリのテーマを作成する場合は、形状に一致する必要があります。 フルシェイプ: https

このページは役に立ちましたか?
0 / 5 - 0 評価