Closed1

Create a Block Tutorial | Block Editor Handbook をやってみる。

kazuaki uedakazuaki ueda

Create a Block Tutorial | Block Editor Handbook

npx @wordpress/create-block starter-block

エラー発生。

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

Error: Node Sass version 5.0.0 is incompatible with ^4.0.0

npm uninstall node-sass
npm install node-sass@4.14.1
npx @wordpress/create-block starter-block

今度は成功。

Done: block "Starter Block" bootstrapped in the "starter-block" folder.

edit.js

...(省略)...
export default function Edit() {
	return (
		<p { ...useBlockProps() }>
			{ __( 'Starter Block – hello from the editor!', 'starter-block' ) }
		</p>
	);
}

save.js

...(省略)...
export default function save() {
	return (
		<p { ...useBlockProps.save() }>
			{ __(
				'Starter Block – hello from the saved content!',
				'starter-block'
			) }
		</p>
	);
}

wp-content/plugins へ配置して有効化。
編集画面でstarter-blockを選択

このスクラップは2021/01/17にクローズされました