グーテンベルクのInnerBlocksの「未定義のプロパティ 'getEditedPostAttribute'を読み取れません」

ジュリアン・シュマックリ

WordPressでグーテンベルクエディターのブロックコンポーネントを実装しようとしています。そこで、たとえばWordpress自体が提供するcolumnsコンポーネントにも使用されるInnerBlocks コンポーネントを使用したいと思います。

コンポーネントの使用を開始しようとすると、フロントエンドで常に同じエラーが発生します。

フロントエンドからのエラーメッセージ

コンソールに次のメッセージが表示されます。

TypeError: Cannot read property 'getEditedPostAttribute' of undefined
    at script.build.js?ver=1:27811
    at getNextMergeProps (script.build.js?ver=1:103469)
    at new ComponentWithSelect (script.build.js?ver=1:103487)
    at zf (react-dom.min.js?ver=16.6.3:69)
    at Mf (react-dom.min.js?ver=16.6.3:87)
    at ph (react-dom.min.js?ver=16.6.3:98)
    at eg (react-dom.min.js?ver=16.6.3:125)
    at fg (react-dom.min.js?ver=16.6.3:126)
    at wc (react-dom.min.js?ver=16.6.3:138)
    at fa (react-dom.min.js?ver=16.6.3:137)

私はここのこのドキュメントに従ってそれを同様に実装しました

const {registerBlockType} = wp.blocks;
const {InspectorControls, RichText, MediaUpload} = wp.editor;

import {TextControl} from '@wordpress/components';
import {InnerBlocks} from '@wordpress/block-editor';

let blockStyle = {
    marginTop: "25px",
    marginBottom: "25px;"
};

registerBlockType('myself/test-component', {
    title: 'Test component',
    icon: 'editor-insertmore',
    category: 'common',
    attributes: {
        title: {
            type: 'string'
        }
    },

    edit(props) {
        const {setAttributes, attributes} = props;

        function setTitle(changes) {
            setAttributes({
                title: changes
            })
        }

        return (
            <div style={blockStyle}>
                <TextControl
                    placeholder="Titel"
                    value={attributes.title}
                    onChange={setTitle}
                />
                <InnerBlocks
                    templateLock={false}
                    renderAppender={(
                        () => <InnerBlocks.ButtonBlockAppender/>
                    )}
                />
            </div>
        )
    },

    save(props) {
        const {attributes, className} = props;

        return (
            <div style={blockStyle}>
                <InnerBlocks.Content/>
            </div>
        );
    }
});

私の質問は今、この問題を抱えている他の誰かがいますか、またはこのコンポーネントを機能させるにはどうすればよいですか?

ジュリアン・シュマックリ

だから私は自分でエラーを見つけました。ソースscript.build.jsもう一度確認したところ、次の行が見つかりました

var _select2 = select('core/editor'),
      getEditedPostAttribute = _select2.getEditedPostAttribute;

@ wordpress / block-editorパッケージのみを使用しました。そこで、次のパッケージをscript.jsファイルに追加して、再度実行しました。

npm install @wordpress/editor

script.jsで

import {InnerBlocks} from "@wordpress/editor";

エラーはなくなりましたが、残念ながら新しいエラーが発生しました。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Angularjsルーティング:未定義のプロパティ「パス」を読み取れません

分類Dev

未定義のプロパティ「イベント」を読み取れません

分類Dev

未定義のプロパティ '/'を読み取れません

分類Dev

未定義のプロパティを読み取れません

分類Dev

未定義のプロパティ '$ on'を読み取れません

分類Dev

未定義のプロパティ「パック」を読み取れません

分類Dev

未定義のプロパティ「イベントリスナーの追加」を読み取れません

分類Dev

フローチャート:未定義のプロパティ「プラグイン」を読み取れません

分類Dev

未定義のプロパティスラッグを読み取れません

分類Dev

未定義のプロパティ「クエリ」を読み取れません

分類Dev

未定義のマングースのプロパティ「長さ」を読み取れません

分類Dev

フクロウ-カルーセル-TypeError:未定義のプロパティ 'fn'を読み取れません

分類Dev

Reactive FormsAngular-未定義のプロパティ「グループ」を読み取れません

分類Dev

reactjs未定義のプロパティ「キー」を読み取れません

分類Dev

AngularJsエラー未定義のプロパティ 'then'を読み取れません

分類Dev

未定義エラーのプロパティ 'getState'を読み取れません

分類Dev

Uncaught TypeError:未定義のプロパティ「キー」を読み取れません

分類Dev

未定義のプロパティ「データ」を読み取れません

分類Dev

TypeError:未定義のプロパティ「ページ」を読み取れません

分類Dev

エラーTypeError:未定義のプロパティ '...'を読み取れません

分類Dev

未定義のプロパティ 'on'を読み取れませんか?->エラー

分類Dev

Ionic CordovaSQLiteプラグインエラー未定義のプロパティ「openDatabase」を読み取れません

分類Dev

Jasmine-未定義のプロパティ「コントロール」を読み取れません-Angular6

分類Dev

マングース5.0.16、未定義のプロパティ「replace」を読み取れません

分類Dev

マングース:TypeError:未定義のプロパティ 'findOne'を読み取れません

分類Dev

未定義のプロパティ「値」を読み取れません-マングース5.6.0

分類Dev

未定義のプロパティ 'toFixed'を読み取れません(修正済み)

分類Dev

未定義のReactJSの「handleClick」のプロパティを読み取れません

分類Dev

失敗:ログインテストで未定義のプロパティ 'setValue'を読み取れません

Related 関連記事

  1. 1

    Angularjsルーティング:未定義のプロパティ「パス」を読み取れません

  2. 2

    未定義のプロパティ「イベント」を読み取れません

  3. 3

    未定義のプロパティ '/'を読み取れません

  4. 4

    未定義のプロパティを読み取れません

  5. 5

    未定義のプロパティ '$ on'を読み取れません

  6. 6

    未定義のプロパティ「パック」を読み取れません

  7. 7

    未定義のプロパティ「イベントリスナーの追加」を読み取れません

  8. 8

    フローチャート:未定義のプロパティ「プラグイン」を読み取れません

  9. 9

    未定義のプロパティスラッグを読み取れません

  10. 10

    未定義のプロパティ「クエリ」を読み取れません

  11. 11

    未定義のマングースのプロパティ「長さ」を読み取れません

  12. 12

    フクロウ-カルーセル-TypeError:未定義のプロパティ 'fn'を読み取れません

  13. 13

    Reactive FormsAngular-未定義のプロパティ「グループ」を読み取れません

  14. 14

    reactjs未定義のプロパティ「キー」を読み取れません

  15. 15

    AngularJsエラー未定義のプロパティ 'then'を読み取れません

  16. 16

    未定義エラーのプロパティ 'getState'を読み取れません

  17. 17

    Uncaught TypeError:未定義のプロパティ「キー」を読み取れません

  18. 18

    未定義のプロパティ「データ」を読み取れません

  19. 19

    TypeError:未定義のプロパティ「ページ」を読み取れません

  20. 20

    エラーTypeError:未定義のプロパティ '...'を読み取れません

  21. 21

    未定義のプロパティ 'on'を読み取れませんか?->エラー

  22. 22

    Ionic CordovaSQLiteプラグインエラー未定義のプロパティ「openDatabase」を読み取れません

  23. 23

    Jasmine-未定義のプロパティ「コントロール」を読み取れません-Angular6

  24. 24

    マングース5.0.16、未定義のプロパティ「replace」を読み取れません

  25. 25

    マングース:TypeError:未定義のプロパティ 'findOne'を読み取れません

  26. 26

    未定義のプロパティ「値」を読み取れません-マングース5.6.0

  27. 27

    未定義のプロパティ 'toFixed'を読み取れません(修正済み)

  28. 28

    未定義のReactJSの「handleClick」のプロパティを読み取れません

  29. 29

    失敗:ログインテストで未定義のプロパティ 'setValue'を読み取れません

ホットタグ

アーカイブ