Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create block tutorial does not work #51590

Closed
MarHerUMR opened this issue Jun 16, 2023 · 10 comments
Closed

Create block tutorial does not work #51590

MarHerUMR opened this issue Jun 16, 2023 · 10 comments
Labels
[Tool] Create Block /packages/create-block [Tool] WP Scripts /packages/scripts [Type] Bug An existing feature does not function as intended

Comments

@MarHerUMR
Copy link

Description

I really hope this is the right place. If not please tell me where to post about it.

I tried to follow the Create block tutorial but the first npx step fails.

Is there anything I'm missing?

Step-by-step reproduction instructions

  1. Install node, npm, WordPress
  2. Got to the plugin folder
  3. Call npx @wordpress/create-block gutenpride --template @wordpress/create-block-tutorial-template

Screenshots, screen recording, code snippet

npx @wordpress/create-block gutenpride --template @wordpress/create-block-tutorial-template
npx: installed 126 in 19.361s

Downloading template files. It might take some time...

Creating a new WordPress plugin in the gutenpride directory.

Creating a "block.json" file.

Creating a "package.json" file.

Installing `@wordpress/scripts` package. It might take a couple of minutes...
(node:4760) UnhandledPromiseRejectionWarning: Error: Command failed with exit code 254: npm install @wordpress/scripts --save-dev
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.3.2 (node_modules/jest-haste-map/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.2775365940
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.2775365940'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/vagrant/.npm/_logs/2023-06-16T14_39_50_745Z-debug.log
    at makeError (/home/vagrant/.npm/_npx/4760/lib/node_modules/@wordpress/create-block/node_modules/execa/lib/error.js:59:11)
    at handlePromise (/home/vagrant/.npm/_npx/4760/lib/node_modules/@wordpress/create-block/node_modules/execa/index.js:114:26)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async module.exports (/home/vagrant/.npm/_npx/4760/lib/node_modules/@wordpress/create-block/lib/init-wp-scripts.js:19:2)
    at async module.exports (/home/vagrant/.npm/_npx/4760/lib/node_modules/@wordpress/create-block/lib/scaffold.js:140:4)
    at async Command.<anonymous> (/home/vagrant/.npm/_npx/4760/lib/node_modules/@wordpress/create-block/lib/index.js:120:6)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:4760) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:4760) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Environment info

$ wp core version
6.0.2
$ node -v
v14.21.3
$ npx -v
6.14.18
$ cat /etc/os-release
NAME="Ubuntu"
VERSION="20.04.6 LTS (Focal Fossa)"
…

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes
@t-hamano t-hamano added Needs Testing Needs further testing to be confirmed. [Tool] Create Block /packages/create-block labels Jun 17, 2023
@t-hamano
Copy link
Contributor

@MarHerUMR

Thanks for the report.

Unfortunately, I have not been able to reproduce this problem. Here is the environment at the time of testing:

  • Node version: 14.21.3
  • npm version: 6.14.18
  • OS: Tested on both Windows 11 and WSL2 (Ubuntu 20.04.4 LTS)

Could you test the following to narrow down the problem?

No template specified

npx @wordpress/create-block gutenpride

Install scripts only

npm init (all yes)
npm install @wordpress/scripts --save-dev

@bph
Copy link
Contributor

bph commented Jun 19, 2023

  • npm 6.14.15
  • node v16.13.0

The script performed as expected.

@MarHerUMR
Copy link
Author

Thank you for your quick replies.
Here the steps I took. The debug log is attached at the end. I hope this helps.

$ npx @wordpress/create-block gutenpride
npx: installed 126 in 22.536s

Creating a new WordPress plugin in the gutenpride directory.

Creating a "block.json" file.

Creating a "package.json" file.

Installing `@wordpress/scripts` package. It might take a couple of minutes...
(node:3172) UnhandledPromiseRejectionWarning: Error: Command failed with exit code 254: npm install @wordpress/scripts --save-dev
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.3.2 (node_modules/jest-haste-map/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.412725446
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.412725446'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/vagrant/.npm/_logs/2023-06-20T09_18_22_379Z-debug.log
    at makeError (/home/vagrant/.npm/_npx/3172/lib/node_modules/@wordpress/create-block/node_modules/execa/lib/error.js:59:11)
    at handlePromise (/home/vagrant/.npm/_npx/3172/lib/node_modules/@wordpress/create-block/node_modules/execa/index.js:114:26)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async module.exports (/home/vagrant/.npm/_npx/3172/lib/node_modules/@wordpress/create-block/lib/init-wp-scripts.js:19:2)
    at async module.exports (/home/vagrant/.npm/_npx/3172/lib/node_modules/@wordpress/create-block/lib/scaffold.js:140:4)
    at async Command.<anonymous> (/home/vagrant/.npm/_npx/3172/lib/node_modules/@wordpress/create-block/lib/index.js:120:6)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:3172) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:3172) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
$ cd gutenpride/
$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (gutenpride) 
version: (0.1.0) 
git repository: 
keywords: 
license: (GPL-2.0-or-later) 
About to write to /srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/package.json:

{
  "name": "gutenpride",
  "version": "0.1.0",
  "description": "Example block scaffolded with Create Block tool.",
  "author": "The WordPress Contributors",
  "license": "GPL-2.0-or-later",
  "main": "build/index.js",
  "scripts": {
    "build": "wp-scripts build",
    "format": "wp-scripts format",
    "lint:css": "wp-scripts lint-style",
    "lint:js": "wp-scripts lint-js",
    "packages-update": "wp-scripts packages-update",
    "plugin-zip": "wp-scripts plugin-zip",
    "start": "wp-scripts start"
  },
  "dependencies": {
    "acorn": "^8.9.0",
    "acorn-import-assertions": "^1.9.0",
    "acorn-globals": "^7.0.1",
    "acorn-jsx": "^5.3.2",
    "acorn-walk": "^8.2.0",
    "agent-base": "^6.0.2",
    "ajv": "^6.12.6",
    "ajv-errors": "^1.0.1",
    "ajv-keywords": "^3.5.2",
    "ansi-escapes": "^4.3.2",
    "ajv-formats": "^2.1.1",
    "abab": "^2.0.6",
    "accepts": "^1.3.8",
    "ansi-html-community": "^0.0.8",
    "ansi-styles": "^3.2.1",
    "anymatch": "^3.1.3",
    "aria-query": "^5.2.1",
    "arr-union": "^3.1.0",
    "array-buffer-byte-length": "^1.0.0",
    "array-flatten": "^2.1.2",
    "array-includes": "^3.1.6",
    "array-uniq": "^1.0.3",
    "array-union": "^2.1.0",
    "array.prototype.flatmap": "^1.3.1",
    "array.prototype.flat": "^1.3.1",
    "ast-types-flow": "^0.0.7",
    "ansi-regex": "^5.0.1",
    "array.prototype.tosorted": "^1.1.1",
    "asynckit": "^0.4.0",
    "astral-regex": "^2.0.0",
    "available-typed-arrays": "^1.0.5",
    "axe-core": "^4.7.2",
    "autoprefixer": "^10.4.14",
    "axios": "^0.25.0",
    "babel-jest": "^29.5.0",
    "axobject-query": "^3.2.1",
    "babel-plugin-istanbul": "^6.1.1",
    "babel-plugin-jest-hoist": "^29.5.0",
    "babel-plugin-polyfill-corejs2": "^0.4.3",
    "babel-preset-current-node-syntax": "^1.0.1",
    "babel-plugin-polyfill-corejs3": "^0.8.1",
    "babel-plugin-polyfill-regenerator": "^0.5.0",
    "balanced-match": "^1.0.2",
    "babel-preset-jest": "^29.5.0",
    "big.js": "^5.2.2",
    "binary-extensions": "^2.2.0",
    "base64-js": "^1.5.1",
    "batch": "^0.6.1",
    "bl": "^4.1.0",
    "boolbase": "^1.0.0",
    "bonjour-service": "^1.1.1",
    "body-parser": "^1.20.1",
    "brace-expansion": "^1.1.11",
    "browserslist": "^4.21.9",
    "buffer": "^5.7.1",
    "braces": "^3.0.2",
    "bser": "^2.1.1",
    "buffer-from": "^1.1.2",
    "bytes": "^3.0.0",
    "callsites": "^3.1.0",
    "buffer-crc32": "^0.2.13",
    "call-bind": "^1.0.2",
    "camelcase": "^6.3.0",
    "camel-case": "^4.1.2",
    "camelcase-keys": "^6.2.2",
    "arrify": "^1.0.1",
    "caniuse-lite": "^1.0.30001505",
    "capital-case": "^1.0.4",
    "change-case": "^4.1.2",
    "caniuse-api": "^3.0.0",
    "chalk": "^4.1.2",
    "chokidar": "^3.5.3",
    "char-regex": "^1.0.2",
    "chownr": "^1.1.4",
    "chrome-trace-event": "^1.0.3",
    "ci-info": "^3.8.0",
    "cjs-module-lexer": "^1.2.3",
    "co": "^4.6.0",
    "clone-deep": "^0.2.4",
    "color-convert": "^1.9.3",
    "collect-v8-coverage": "^1.0.1",
    "color-name": "^1.1.3",
    "colorette": "^2.0.20",
    "colord": "^2.9.3",
    "commander": "^7.2.0",
    "combined-stream": "^1.0.8",
    "common-path-prefix": "^3.0.0",
    "compressible": "^2.0.18",
    "comment-parser": "^1.3.1",
    "concat-map": "^0.0.1",
    "commondir": "^1.0.1",
    "constant-case": "^3.0.4",
    "compression": "^1.7.4",
    "connect-history-api-fallback": "^2.0.0",
    "content-disposition": "^0.5.4",
    "convert-source-map": "^1.9.0",
    "content-type": "^1.0.5",
    "cookie": "^0.5.0",
    "cookie-signature": "^1.0.6",
    "core-js": "^3.31.0",
    "core-util-is": "^1.0.3",
    "core-js-compat": "^3.31.0",
    "core-js-pure": "^3.31.0",
    "cosmiconfig": "^7.1.0",
    "cross-fetch": "^3.1.5",
    "css-functions-list": "^3.1.0",
    "css-declaration-sorter": "^6.4.0",
    "css-select": "^4.3.0",
    "css-tree": "^1.1.3",
    "cssesc": "^3.0.0",
    "css-what": "^6.1.0",
    "cssnano-utils": "^3.1.0",
    "cssnano-preset-default": "^5.2.14",
    "cssom": "^0.5.0",
    "csso": "^4.2.0",
    "cssstyle": "^2.3.0",
    "csstype": "^3.1.2",
    "cwd": "^0.10.0",
    "damerau-levenshtein": "^1.0.8",
    "data-urls": "^3.0.2",
    "decamelize": "^1.2.0",
    "debug": "^4.3.4",
    "decimal.js": "^10.4.3",
    "decamelize-keys": "^1.1.1",
    "deep-extend": "^0.6.0",
    "deepmerge": "^4.3.1",
    "deep-is": "^0.1.4",
    "dedent": "^0.7.0",
    "default-gateway": "^6.0.3",
    "define-lazy-prop": "^2.0.0",
    "define-properties": "^1.2.0",
    "del": "^4.1.1",
    "delayed-stream": "^1.0.0",
    "dequal": "^2.0.3",
    "depd": "^2.0.0",
    "destroy": "^1.2.0",
    "detect-newline": "^3.1.0",
    "detect-node": "^2.1.0",
    "dir-glob": "^3.0.1",
    "devtools-protocol": "^0.0.981744",
    "diff-sequences": "^29.4.3",
    "dns-equal": "^1.0.0",
    "doctrine": "^2.1.0",
    "domhandler": "^4.3.1",
    "dom-serializer": "^1.4.1",
    "domexception": "^4.0.0",
    "dot-case": "^3.0.4",
    "domutils": "^2.8.0",
    "domelementtype": "^2.3.0",
    "electron-to-chromium": "^1.4.434",
    "dns-packet": "^5.6.0",
    "duplexer": "^0.1.2",
    "ee-first": "^1.1.1",
    "emittery": "^0.13.1",
    "emojis-list": "^3.0.0",
    "enhanced-resolve": "^5.15.0",
    "emoji-regex": "^9.2.2",
    "encodeurl": "^1.0.2",
    "end-of-stream": "^1.4.4",
    "envinfo": "^7.8.1",
    "entities": "^4.5.0",
    "error-ex": "^1.3.2",
    "error-stack-parser": "^2.1.4",
    "es-shim-unscopables": "^1.0.0",
    "es-abstract": "^1.21.2",
    "es-module-lexer": "^1.3.0",
    "es-set-tostringtag": "^2.0.1",
    "es-to-primitive": "^1.2.1",
    "escalade": "^3.1.1",
    "escape-html": "^1.0.3",
    "escape-string-regexp": "^1.0.5",
    "escodegen": "^2.0.0",
    "eslint-config-prettier": "^8.8.0",
    "eslint-module-utils": "^2.8.0",
    "eslint-plugin-jest": "^27.2.2",
    "eslint-plugin-import": "^2.27.5",
    "eslint-import-resolver-node": "^0.3.7",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-jsdoc": "^39.9.1",
    "eslint-scope": "^5.1.1",
    "eslint-plugin-react": "^7.32.2",
    "eslint-plugin-prettier": "^3.4.1",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-visitor-keys": "^2.1.0",
    "espree": "^9.5.2",
    "esquery": "^1.5.0",
    "esprima": "^4.0.1",
    "esrecurse": "^4.3.0",
    "estraverse": "^4.3.0",
    "esutils": "^2.0.3",
    "etag": "^1.8.1",
    "eventemitter3": "^4.0.7",
    "execa": "^5.1.1",
    "events": "^3.3.0",
    "exit": "^0.1.2",
    "expect": "^29.5.0",
    "expand-tilde": "^1.2.2",
    "express": "^4.18.2",
    "fast-deep-equal": "^3.1.3",
    "extract-zip": "^2.0.1",
    "fast-json-stable-stringify": "^2.1.0",
    "fast-diff": "^1.3.0",
    "fast-glob": "^3.2.12",
    "fastest-levenshtein": "^1.0.16",
    "fastq": "^1.15.0",
    "fast-levenshtein": "^2.0.6",
    "fd-slicer": "^1.1.0",
    "faye-websocket": "^0.11.4",
    "fb-watchman": "^2.0.2",
    "file-entry-cache": "^6.0.1",
    "filename-reserved-regex": "^2.0.0",
    "fill-range": "^7.0.1",
    "find-cache-dir": "^3.3.2",
    "finalhandler": "^1.2.0",
    "find-pkg": "^0.1.2",
    "find-file-up": "^0.1.3",
    "find-parent-dir": "^0.3.1",
    "find-process": "^1.4.7",
    "for-each": "^0.3.3",
    "flat-cache": "^3.0.4",
    "flatted": "^3.2.7",
    "follow-redirects": "^1.15.2",
    "for-in": "^1.0.2",
    "for-own": "^0.1.5",
    "forwarded": "^0.2.0",
    "fraction.js": "^4.2.0",
    "form-data": "^4.0.0",
    "fs-constants": "^1.0.0",
    "fresh": "^0.5.2",
    "fs-monkey": "^1.0.4",
    "fs-exists-sync": "^0.1.0",
    "function.prototype.name": "^1.1.5",
    "function-bind": "^1.1.1",
    "fs.realpath": "^1.0.0",
    "gensync": "^1.0.0-beta.2",
    "functions-have-names": "^1.2.3",
    "get-intrinsic": "^1.2.1",
    "get-stdin": "^9.0.0",
    "get-package-type": "^0.1.0",
    "get-stream": "^6.0.1",
    "get-symbol-description": "^1.0.0",
    "glob": "^7.2.3",
    "global-prefix": "^0.1.5",
    "glob-parent": "^5.1.2",
    "glob-to-regexp": "^0.4.1",
    "globals": "^11.12.0",
    "globalthis": "^1.0.3",
    "globby": "^11.1.0",
    "global-modules": "^0.2.3",
    "gopd": "^1.0.1",
    "graceful-fs": "^4.2.11",
    "globjoin": "^0.1.4",
    "grapheme-splitter": "^1.0.4",
    "graphemer": "^1.4.0",
    "hard-rejection": "^2.1.0",
    "handle-thing": "^2.0.1",
    "gzip-size": "^6.0.0",
    "has-bigints": "^1.0.2",
    "has-flag": "^3.0.0",
    "has": "^1.0.3",
    "has-property-descriptors": "^1.0.0",
    "has-proto": "^1.0.1",
    "has-tostringtag": "^1.0.0",
    "has-symbols": "^1.0.3",
    "homedir-polyfill": "^1.0.3",
    "hpack.js": "^2.1.6",
    "html-entities": "^2.3.6",
    "http-deceiver": "^1.2.7",
    "html-escaper": "^2.0.2",
    "html-tags": "^3.3.1",
    "http-parser-js": "^0.5.8",
    "http-errors": "^2.0.0",
    "http-proxy-agent": "^5.0.0",
    "http-proxy-middleware": "^2.0.6",
    "http-proxy": "^1.18.1",
    "iconv-lite": "^0.6.3",
    "https-proxy-agent": "^5.0.1",
    "icss-utils": "^5.1.0",
    "ieee754": "^1.2.1",
    "human-signals": "^2.1.0",
    "hosted-git-info": "^2.8.9",
    "immutable": "^4.3.0",
    "ignore-walk": "^4.0.1",
    "imurmurhash": "^0.1.4",
    "import-lazy": "^4.0.0",
    "ignore": "^5.2.4",
    "inherits": "^2.0.4",
    "ini": "^1.3.8",
    "import-local": "^3.1.0",
    "indent-string": "^4.0.0",
    "inflight": "^1.0.6",
    "internal-slot": "^1.0.5",
    "irregular-plurals": "^3.5.0",
    "ipaddr.js": "^2.1.0",
    "import-fresh": "^3.3.0",
    "interpret": "^2.2.0",
    "is-arrayish": "^0.2.1",
    "is-binary-path": "^2.1.0",
    "is-bigint": "^1.0.4",
    "is-boolean-object": "^1.1.2",
    "is-buffer": "^1.1.6",
    "is-core-module": "^2.12.1",
    "is-date-object": "^1.0.5",
    "is-callable": "^1.2.7",
    "is-array-buffer": "^3.0.2",
    "is-fullwidth-code-point": "^3.0.0",
    "is-extendable": "^0.1.1",
    "is-negative-zero": "^2.0.2",
    "is-number": "^7.0.0",
    "is-glob": "^4.0.3",
    "is-generator-fn": "^2.1.0",
    "is-number-object": "^1.0.7",
    "is-path-cwd": "^2.2.0",
    "is-path-in-cwd": "^2.1.0",
    "is-path-inside": "^2.1.0",
    "is-plain-obj": "^3.0.0",
    "is-plain-object": "^5.0.0",
    "is-regex": "^1.1.4",
    "is-potential-custom-element-name": "^1.0.1",
    "is-shared-array-buffer": "^1.0.2",
    "is-stream": "^2.0.1",
    "is-string": "^1.0.7",
    "is-symbol": "^1.0.4",
    "is-weakref": "^1.0.2",
    "is-unicode-supported": "^0.1.0",
    "is-typed-array": "^1.1.10",
    "is-windows": "^0.2.0",
    "isarray": "^1.0.0",
    "is-wsl": "^2.2.0",
    "isexe": "^2.0.0",
    "istanbul-lib-coverage": "^3.2.0",
    "isobject": "^3.0.1",
    "is-docker": "^2.2.1",
    "istanbul-lib-instrument": "^5.2.1",
    "istanbul-lib-report": "^3.0.0",
    "istanbul-lib-source-maps": "^4.0.1",
    "istanbul-reports": "^3.1.5",
    "jest-changed-files": "^29.5.0",
    "is-extglob": "^2.1.1",
    "jest-diff": "^29.5.0",
    "jest-each": "^29.5.0",
    "jest-environment-node": "^29.5.0",
    "jest-get-type": "^29.4.3",
    "jest-docblock": "^29.4.3",
    "jest-haste-map": "^29.5.0",
    "jest-matcher-utils": "^29.5.0",
    "jest-leak-detector": "^29.5.0",
    "jest-message-util": "^29.5.0",
    "jest-mock": "^29.5.0",
    "jest-pnp-resolver": "^1.2.3",
    "jest-resolve": "^29.5.0",
    "jest-regex-util": "^29.4.3",
    "jest-runtime": "^29.5.0",
    "jest-watcher": "^29.5.0",
    "jest-util": "^29.5.0",
    "jest-snapshot": "^29.5.0",
    "jest-validate": "^29.5.0",
    "js-tokens": "^4.0.0",
    "jest-worker": "^29.5.0",
    "jest-resolve-dependencies": "^29.5.0",
    "js-yaml": "^3.14.1",
    "jsdoc-type-pratt-parser": "^3.1.0",
    "jsesc": "^2.5.2",
    "jsdom": "^20.0.3",
    "json-schema-traverse": "^0.4.1",
    "json-parse-even-better-errors": "^2.3.1",
    "json-stable-stringify-without-jsonify": "^1.0.1",
    "json2php": "^0.0.7",
    "jsx-ast-utils": "^3.3.3",
    "jsonc-parser": "^3.0.0",
    "json5": "^2.2.3",
    "joi": "^17.9.2",
    "kind-of": "^3.2.2",
    "klona": "^2.0.6",
    "language-subtag-registry": "^0.3.22",
    "known-css-properties": "^0.26.0",
    "language-tags": "^1.0.5",
    "launch-editor": "^2.6.0",
    "lazy-cache": "^1.0.4",
    "leven": "^3.1.0",
    "levn": "^0.4.1",
    "lilconfig": "^2.1.0",
    "linkify-it": "^3.0.3",
    "lines-and-columns": "^1.2.4",
    "loader-utils": "^2.0.4",
    "loader-runner": "^4.3.0",
    "lodash.debounce": "^4.0.8",
    "lodash.merge": "^4.6.2",
    "lodash": "^4.17.21",
    "lodash.memoize": "^4.1.2",
    "lodash.uniq": "^4.5.0",
    "log-symbols": "^4.1.0",
    "kleur": "^3.0.3",
    "loose-envify": "^1.4.0",
    "lru-cache": "^5.1.1",
    "lodash.truncate": "^4.4.2",
    "header-case": "^2.0.4",
    "make-dir": "^3.1.0",
    "lower-case": "^2.0.2",
    "makeerror": "^1.0.12",
    "map-obj": "^4.3.0",
    "markdownlint": "^0.25.1",
    "markdown-it": "^12.3.2",
    "map-values": "^1.0.1",
    "markdownlint-rule-helpers": "^0.16.0",
    "mathml-tag-names": "^2.1.3",
    "mdurl": "^1.0.1",
    "memfs": "^3.5.3",
    "mdn-data": "^2.0.14",
    "media-typer": "^0.3.0",
    "meow": "^6.1.1",
    "merge-descriptors": "^1.0.1",
    "merge-stream": "^2.0.0",
    "merge2": "^1.4.1",
    "methods": "^1.1.2",
    "mime": "^1.6.0",
    "micromatch": "^4.0.5",
    "mime-types": "^2.1.35",
    "mime-db": "^1.52.0",
    "mimic-fn": "^2.1.0",
    "min-indent": "^1.0.1",
    "minimalistic-assert": "^1.0.1",
    "minimist-options": "^4.1.0",
    "minimatch": "^3.1.2",
    "minimist": "^1.2.8",
    "mixin-object": "^2.0.1",
    "mkdirp-classic": "^0.5.3",
    "mrmime": "^1.0.1",
    "natural-compare": "^1.4.0",
    "multicast-dns": "^7.2.5",
    "nanoid": "^3.3.6",
    "ms": "^2.1.2",
    "natural-compare-lite": "^1.4.0",
    "negotiator": "^0.6.3",
    "node-fetch": "^2.6.7",
    "neo-async": "^2.6.2",
    "no-case": "^3.0.4",
    "node-forge": "^1.3.1",
    "node-int64": "^0.4.0",
    "node-releases": "^2.0.12",
    "normalize-path": "^3.0.0",
    "normalize-range": "^0.1.2",
    "normalize-url": "^6.1.0",
    "normalize-package-data": "^2.5.0",
    "npm-bundled": "^1.1.2",
    "npm-run-path": "^4.0.1",
    "npm-normalize-package-bin": "^1.0.1",
    "object-filter": "^1.0.2",
    "nth-check": "^2.1.1",
    "object-inspect": "^1.12.3",
    "nwsapi": "^2.2.5",
    "object-assign": "^4.1.1",
    "object-keys": "^1.1.1",
    "object.assign": "^4.1.4",
    "object.entries": "^1.1.6",
    "obuf": "^1.1.2",
    "object.fromentries": "^2.0.6",
    "object.hasown": "^1.1.2",
    "object.values": "^1.1.6",
    "on-finished": "^2.4.1",
    "once": "^1.4.0",
    "onetime": "^5.1.2",
    "open": "^8.4.2",
    "on-headers": "^1.0.2",
    "opener": "^1.5.2",
    "optionator": "^0.9.1",
    "os-homedir": "^1.0.2",
    "p-limit": "^3.1.0",
    "p-map": "^2.1.0",
    "param-case": "^3.0.4",
    "p-retry": "^4.6.2",
    "p-try": "^2.2.0",
    "parse-passwd": "^1.0.0",
    "parse-json": "^5.2.0",
    "parent-module": "^1.0.1",
    "parse5": "^7.1.2",
    "parseurl": "^1.3.3",
    "path-case": "^3.0.4",
    "pascal-case": "^3.1.2",
    "path-exists": "^4.0.0",
    "path-is-inside": "^1.0.2",
    "path-is-absolute": "^1.0.1",
    "path-parse": "^1.0.7",
    "path-to-regexp": "^0.1.7",
    "path-key": "^3.1.1",
    "path-type": "^4.0.0",
    "pend": "^1.2.0",
    "pinkie": "^2.0.4",
    "picocolors": "^1.0.0",
    "picomatch": "^2.3.1",
    "pify": "^4.0.1",
    "pirates": "^4.0.6",
    "pkg-dir": "^4.2.0",
    "postcss": "^8.4.24",
    "plur": "^4.0.0",
    "postcss-calc": "^8.2.4",
    "pinkie-promise": "^2.0.1",
    "postcss-colormin": "^5.3.1",
    "postcss-discard-duplicates": "^5.1.0",
    "postcss-convert-values": "^5.1.3",
    "postcss-discard-comments": "^5.1.2",
    "postcss-discard-empty": "^5.1.1",
    "postcss-media-query-parser": "^0.2.3",
    "postcss-discard-overridden": "^5.1.0",
    "postcss-merge-rules": "^5.1.4",
    "postcss-merge-longhand": "^5.1.7",
    "postcss-minify-font-values": "^5.1.0",
    "postcss-minify-gradients": "^5.1.1",
    "postcss-minify-params": "^5.1.4",
    "postcss-minify-selectors": "^5.2.1",
    "postcss-modules-local-by-default": "^4.0.3",
    "postcss-modules-extract-imports": "^3.0.0",
    "postcss-modules-scope": "^3.0.0",
    "postcss-normalize-charset": "^5.1.0",
    "postcss-modules-values": "^4.0.0",
    "postcss-normalize-display-values": "^5.1.0",
    "postcss-normalize-positions": "^5.1.1",
    "postcss-normalize-string": "^5.1.0",
    "postcss-normalize-repeat-style": "^5.1.1",
    "postcss-normalize-timing-functions": "^5.1.0",
    "postcss-normalize-unicode": "^5.1.1",
    "postcss-ordered-values": "^5.1.3",
    "postcss-normalize-whitespace": "^5.1.1",
    "postcss-normalize-url": "^5.1.0",
    "postcss-reduce-initial": "^5.1.2",
    "postcss-safe-parser": "^6.0.0",
    "postcss-resolve-nested-selector": "^0.1.1",
    "postcss-reduce-transforms": "^5.1.0",
    "postcss-scss": "^4.0.6",
    "postcss-selector-parser": "^6.0.13",
    "postcss-svgo": "^5.1.0",
    "postcss-value-parser": "^4.2.0",
    "prelude-ls": "^1.2.1",
    "postcss-unique-selectors": "^5.1.1",
    "prettier-linter-helpers": "^1.0.0",
    "process-nextick-args": "^2.0.1",
    "progress": "^2.0.3",
    "pretty-format": "^29.5.0",
    "prompts": "^2.4.2",
    "prop-types": "^15.8.1",
    "proxy-addr": "^2.0.7",
    "proxy-from-env": "^1.1.0",
    "psl": "^1.9.0",
    "pseudomap": "^1.0.2",
    "punycode": "^2.3.0",
    "pure-rand": "^6.0.2",
    "pump": "^3.0.0",
    "qs": "^6.11.0",
    "querystringify": "^2.2.0",
    "quick-lru": "^4.0.1",
    "randombytes": "^2.1.0",
    "queue-microtask": "^1.2.3",
    "range-parser": "^1.2.1",
    "react": "^18.2.0",
    "raw-body": "^2.5.1",
    "react-dom": "^18.2.0",
    "react-is": "^16.13.1",
    "read-pkg-up": "^7.0.1",
    "readable-stream": "^3.6.2",
    "read-pkg": "^5.2.0",
    "readdirp": "^3.6.0",
    "redent": "^3.0.0",
    "rechoir": "^0.7.1",
    "regenerate": "^1.4.2",
    "regenerate-unicode-properties": "^10.1.0",
    "regenerator-transform": "^0.15.1",
    "regenerator-runtime": "^0.13.11",
    "regexp.prototype.flags": "^1.5.0",
    "regexpu-core": "^5.3.2",
    "require-from-string": "^2.0.2",
    "requireindex": "^1.2.0",
    "regjsparser": "^0.9.1",
    "requires-port": "^1.0.0",
    "resolve": "^1.22.2",
    "resolve-cwd": "^3.0.0",
    "resolve-dir": "^0.1.1",
    "resolve-from": "^4.0.0",
    "resolve.exports": "^2.0.2",
    "retry": "^0.13.1",
    "reusify": "^1.0.4",
    "rimraf": "^2.7.1",
    "run-con": "^1.2.12",
    "rxjs": "^7.8.1",
    "run-parallel": "^1.2.0",
    "safe-buffer": "^5.2.1",
    "safe-regex-test": "^1.0.0",
    "safer-buffer": "^2.1.2",
    "scheduler": "^0.23.0",
    "saxes": "^6.0.0",
    "schema-utils": "^3.3.0",
    "selfsigned": "^2.1.1",
    "select-hose": "^2.0.0",
    "send": "^0.18.0",
    "semver": "^6.3.0",
    "serialize-javascript": "^6.0.1",
    "sentence-case": "^3.0.4",
    "serve-static": "^1.15.0",
    "shallow-clone": "^0.1.2",
    "serve-index": "^1.9.1",
    "setprototypeof": "^1.2.0",
    "shebang-command": "^1.2.0",
    "shebang-regex": "^1.0.0",
    "shell-quote": "^1.8.1",
    "side-channel": "^1.0.4",
    "sirv": "^1.0.19",
    "signal-exit": "^3.0.7",
    "sisteransi": "^1.0.5",
    "snake-case": "^3.0.4",
    "slash": "^3.0.0",
    "slice-ansi": "^4.0.0",
    "source-map": "^0.7.4",
    "source-map-js": "^1.0.2",
    "sockjs": "^0.3.24",
    "source-map-support": "^0.5.13",
    "spawnd": "^6.2.0",
    "spdx-exceptions": "^2.3.0",
    "spdx-license-ids": "^3.0.13",
    "spdx-correct": "^3.2.0",
    "spdx-expression-parse": "^3.0.1",
    "spdy": "^4.0.2",
    "spdy-transport": "^3.0.0",
    "sprintf-js": "^1.0.3",
    "stackframe": "^1.3.4",
    "stable": "^0.1.8",
    "stack-utils": "^2.0.6",
    "statuses": "^2.0.1",
    "string-length": "^4.0.2",
    "string-width": "^4.2.3",
    "string.prototype.matchall": "^4.0.8",
    "string.prototype.trimstart": "^1.0.6",
    "string.prototype.trim": "^1.2.7",
    "string.prototype.trimend": "^1.0.6",
    "strip-final-newline": "^2.0.0",
    "strip-ansi": "^6.0.1",
    "string_decoder": "^1.3.0",
    "strip-bom": "^3.0.0",
    "strip-indent": "^3.0.0",
    "strip-json-comments": "^3.1.1",
    "strip-outer": "^1.0.1",
    "style-search": "^0.1.0",
    "stylehacks": "^5.1.1",
    "stylelint-config-recommended": "^6.0.0",
    "stylelint-config-recommended-scss": "^5.0.2",
    "stylelint-scss": "^4.7.0",
    "supports-color": "^5.5.0",
    "supports-hyperlinks": "^2.3.0",
    "supports-preserve-symlinks-flag": "^1.0.0",
    "svg-parser": "^2.0.4",
    "svg-tags": "^1.0.0",
    "svgo": "^2.8.0",
    "table": "^6.8.1",
    "symbol-tree": "^3.2.4",
    "tar-fs": "^2.1.1",
    "tapable": "^2.2.1",
    "tar-stream": "^2.2.0",
    "terser-webpack-plugin": "^5.3.9",
    "terser": "^5.18.1",
    "test-exclude": "^6.0.0",
    "text-table": "^0.2.0",
    "through": "^2.3.8",
    "tmpl": "^1.0.5",
    "thunky": "^1.1.0",
    "to-regex-range": "^5.0.1",
    "to-fast-properties": "^2.0.0",
    "toidentifier": "^1.0.1",
    "tough-cookie": "^4.1.3",
    "totalist": "^1.1.0",
    "tr46": "^3.0.0",
    "trim-newlines": "^3.0.1",
    "tree-kill": "^1.2.2",
    "tsconfig-paths": "^3.14.2",
    "trim-repeated": "^1.0.0",
    "tsutils": "^3.21.0",
    "tslib": "^2.5.3",
    "type-check": "^0.4.0",
    "type-is": "^1.6.18",
    "type-detect": "^4.0.8",
    "type-fest": "^0.20.2",
    "uc.micro": "^1.0.6",
    "typed-array-length": "^1.0.4",
    "unbzip2-stream": "^1.4.3",
    "unbox-primitive": "^1.0.2",
    "unicode-match-property-ecmascript": "^2.0.0",
    "unicode-canonical-property-names-ecmascript": "^2.0.0",
    "unicode-property-aliases-ecmascript": "^2.1.0",
    "universalify": "^0.2.0",
    "unicode-match-property-value-ecmascript": "^2.1.0",
    "unpipe": "^1.0.0",
    "upper-case": "^2.0.2",
    "update-browserslist-db": "^1.0.11",
    "upper-case-first": "^2.0.2",
    "uri-js": "^4.4.1",
    "url-parse": "^1.5.10",
    "utils-merge": "^1.0.1",
    "util-deprecate": "^1.0.2",
    "uuid": "^8.3.2",
    "v8-compile-cache": "^2.3.0",
    "validate-npm-package-license": "^3.0.4",
    "v8-to-istanbul": "^9.1.0",
    "vary": "^1.1.2",
    "w3c-xmlserializer": "^4.0.0",
    "wait-on": "^6.0.1",
    "watchpack": "^2.4.0",
    "wbuf": "^1.7.3",
    "walker": "^1.0.8",
    "webidl-conversions": "^7.0.0",
    "webpack-merge": "^5.9.0",
    "webpack-dev-middleware": "^5.3.3",
    "webpack-sources": "^3.2.3",
    "websocket-driver": "^0.7.4",
    "whatwg-encoding": "^2.0.0",
    "websocket-extensions": "^0.1.4",
    "whatwg-url": "^11.0.0",
    "whatwg-mimetype": "^3.0.0",
    "which": "^1.3.1",
    "which-boxed-primitive": "^1.0.2",
    "which-typed-array": "^1.1.9",
    "wildcard": "^2.0.1",
    "wrappy": "^1.0.2",
    "word-wrap": "^1.2.3",
    "write-file-atomic": "^4.0.2",
    "xmlchars": "^2.2.0",
    "yallist": "^3.1.1",
    "xml-name-validator": "^4.0.0",
    "argparse": "^1.0.10",
    "ws": "^8.13.0",
    "html-encoding-sniffer": "^3.0.0",
    "yauzl": "^2.10.0",
    "yaml": "^1.10.2",
    "yocto-queue": "^0.1.0"
  },
  "devDependencies": {}
}


Is this OK? (yes) 
$ npm install @wordpress/scripts --save-dev
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.3.2 (node_modules/jest-haste-map/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.2212698240
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.2212698240'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/vagrant/.npm/_logs/2023-06-20T09_21_12_302Z-debug.log

2023-06-20T09_21_12_302Z-debug.log

@t-hamano
Copy link
Contributor

Thank you for sending the logs.

It looks like the same error occurs when I install @wordpress/scripts directly.

The critical error is this:

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.2212698240
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.2212698240'

Therefore, this is probably not a problem with create-block package but is directly caused by the scripts package.

I regret that I'm unable to reproduce this issue, but the following actions may be effective.

  • Completely delete the directory (gutenpride) created by create-block and run the command again.
  • Delete the npm cache.

@MarHerUMR
Copy link
Author

I cleared the cache and removed the gutenpride folder. But with the same result

$ npm cache clean --force
npm WARN using --force I sure hope you know what you are doing.
$ rm -rf gutenpride/
$ npx @wordpress/create-block gutenpride --template @wordpress/create-block-tutorial-template
npx: installed 126 in 22.172s

Downloading template files. It might take some time...

Creating a new WordPress plugin in the gutenpride directory.

Creating a "block.json" file.

Creating a "package.json" file.

Installing `@wordpress/scripts` package. It might take a couple of minutes...
(node:4339) UnhandledPromiseRejectionWarning: Error: Command failed with exit code 254: npm install @wordpress/scripts --save-dev
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.3.2 (node_modules/jest-haste-map/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.3874038335
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/srv/www/hessenhub/public_html/wp-content/plugins/gutenpride/node_modules/jest/node_modules/jest-cli/package.json.3874038335'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/vagrant/.npm/_logs/2023-06-20T11_28_13_145Z-debug.log
    at makeError (/home/vagrant/.npm/_npx/4339/lib/node_modules/@wordpress/create-block/node_modules/execa/lib/error.js:59:11)
    at handlePromise (/home/vagrant/.npm/_npx/4339/lib/node_modules/@wordpress/create-block/node_modules/execa/index.js:114:26)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async module.exports (/home/vagrant/.npm/_npx/4339/lib/node_modules/@wordpress/create-block/lib/init-wp-scripts.js:19:2)
    at async module.exports (/home/vagrant/.npm/_npx/4339/lib/node_modules/@wordpress/create-block/lib/scaffold.js:140:4)
    at async Command.<anonymous> (/home/vagrant/.npm/_npx/4339/lib/node_modules/@wordpress/create-block/lib/index.js:120:6)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:4339) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:4339) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

The jest folder seems to be missing in the node_modules folder after the installation. The only folder with jest has a leading @ symbol.

$ ls gutenpride/node_modules/ | grep "jest"
babel-jest
babel-plugin-jest-hoist
babel-preset-jest
eslint-plugin-jest
@jest
jest-changed-files
jest-circus
jest-config
jest-dev-server
jest-diff
jest-docblock
jest-each
jest-environment-jsdom
jest-environment-node
jest-get-type
jest-haste-map
jest-leak-detector
jest-matcher-utils
jest-message-util
jest-mock
jest-pnp-resolver
jest-regex-util
jest-resolve
jest-resolve-dependencies
jest-runner
jest-runtime
jest-snapshot
jest-util
jest-validate
jest-watcher
jest-worker

Is there anything else I should try?

@t-hamano
Copy link
Contributor

This stackoverflow article might be helpful, but I am not very confident that these approaches are ideal.

https://stackoverflow.com/questions/56103865/how-to-fix-unsupported-platform-for-fsevents1-2-9-wanted-osdarwin-arch

For more professional feedback, I'll give them the Needs technical feedback label.

@t-hamano t-hamano added Needs Technical Feedback Needs testing from a developer perspective. [Tool] WP Scripts /packages/scripts and removed Needs Testing Needs further testing to be confirmed. labels Jun 20, 2023
@jordesign jordesign added the [Type] Bug An existing feature does not function as intended label Jul 19, 2023
@dashkevych
Copy link

I have a similar issue regarding the create-block tutorial. Specifically, Quick Start section.

I use the following commands to create a demo block:

  1. npx @wordpress/create-block@latest todo-list
  2. cd todo-list
  3. npm start

It goes fine, without any issues. However, the block is not shown in the Editor. Even though:

  1. The plugin is activated.
  2. I use a fresh WordPress installation (via LocalWP), no additional plugins.

I tried it on both machines: Windows and Mac.

@ndiego
Copy link
Member

ndiego commented Jun 5, 2024 •
edited
Loading

Hi @dashkevych, are you seeing any errors in the console when in the Editor?

It turns out there is an issue in the latest version of @wordpress/scripts (v28) is not compatible with WordPress 6.5 and lower. There is a PR to make sure the version of scripts used in the create-block package is set to v27. This PR will be included in the next package update. In the meantime, you can activate the Gutenberg plugin, and the blocks should load as expected.

@gziolo gziolo added [Status] Stale Gives the original author opportunity to update before closing. Can be reopened as needed. and removed Needs Technical Feedback Needs testing from a developer perspective. labels Dec 20, 2024
@gziolo
Copy link
Member

gziolo commented Dec 20, 2024

Is that still an issue?

I couldn't reproduce with WordPress 6.7, Node 20.18.0 and npm 10.9.2.

@t-hamano
Copy link
Contributor

I can't reproduce this issue either, so I'll close it.

Please note that the latest create-block requires node version 20.10.0 or above and npm version 10.2.3 or above.

gutenberg/packages/create-block/README.md

Line 21 in ca24cce

_(requires `node` version `20.10.0` or above, and `npm` version `10.2.3` or above)_

@dashkevych Regarding the issue reported in your comment, what version of WordPress are you using? Maybe it's related to the new React JSX transform.

@t-hamano t-hamano closed this as not planned Won't fix, can't repro, duplicate, stale Dec 21, 2024
@t-hamano t-hamano removed the [Status] Stale Gives the original author opportunity to update before closing. Can be reopened as needed. label Dec 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Tool] Create Block /packages/create-block [Tool] WP Scripts /packages/scripts [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@bph @gziolo @jordesign @dashkevych @ndiego @MarHerUMR @t-hamano