Issue with Watch and JS compiling

[actuatedigital]

When running any of the watch commands it errors when trying to handle JS.

npm run watch

[email protected] watch
cross-env NODE_ENV=development concurrently "npm run watch:css-app" "npm run watch:css-editor" "npm run watch:js"

[2]
[2] > [email protected] watch:js
[2] > cross-env NODE_ENV=development ./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js --watch
[2]
[1]
[1] > [email protected] watch:css-editor
[1] > cross-env NODE_ENV=development tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss --watch
[1]
[0]
[0] > [email protected] watch:css-app
[0] > cross-env NODE_ENV=development tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss --watch
[0]
[2] node:internal/child_process:413
[2] throw errnoException(err, 'spawn');
[2] ^
[2]
[2] Error: spawn Unknown system error -86
[2] at ChildProcess.spawn (node:internal/child_process:413:11)
[2] at Object.spawn (node:child_process:713:9)
[2] at spawn (/node_modules/cross-spawn/index.js:12:24)
[2] at crossEnv (/node_modules/cross-env/src/index.js:13:18)
[2] at Object. (/node_modules/cross-env/src/bin/cross-env.js:5:1)
[2] at Module._compile (node:internal/modules/cjs/loader:1126:14)
[2] at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
[2] at Module.load (node:internal/modules/cjs/loader:1004:32)
[2] at Function.Module._load (node:internal/modules/cjs/loader:839:12)
[2] at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) {
[2] errno: -86,
[2] code: 'Unknown system error -86',
[2] syscall: 'spawn'
[2] }
[2] npm run watch:js exited with code 1
[1]
[1] Rebuilding...
[0]
[0] Rebuilding...
[1] Done in 873ms.
[0] Done in 1126ms.

I've removed the path to the theme folder from the example above.

[jeffreyvr]

Not able to reproduce this. What OS are you using?

[actuatedigital]

Hi Jeffrey, MacOs Monterey. Package versions are: { "name": "tailpress", "version": "3.0.0", "description": "Boilerplate WordPress theme with Tailwind CSS.", "author": "Jeffrey van Rossum", "repository": { "type": "git", "url": "https://github.com/jeffreyvr/tailpress" }, "theme_uri": "https://github.com/jeffreyvr/tailpress", "author_uri": "https://vanrossum.dev", "text_domain": "tailpress", "license": "MIT", "scripts": { "production:css-app": "cross-env NODE_ENV=development tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss --minify", "production:css-editor": "cross-env NODE_ENV=development tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss --minify", "production:js": "cross-env NODE_ENV=development ./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js --minify", "dev:css-app": "cross-env NODE_ENV=development tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss", "dev:css-editor": "cross-env NODE_ENV=development tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss", "dev:js": "cross-env NODE_ENV=development ./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js", "watch:css-app": "cross-env NODE_ENV=development tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss --watch", "watch:css-editor": "cross-env NODE_ENV=development tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss --watch", "watch:js": "cross-env NODE_ENV=development ./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js --watch", "production": "cross-env NODE_ENV=production concurrently \"npm run production:css-app\" \"npm run production:css-editor\" \"npm run production:js\"", "dev": "cross-env NODE_ENV=development concurrently \"npm run dev:css-app\" \"npm run dev:css-editor\" \"npm run dev:js\"", "watch": "cross-env NODE_ENV=development concurrently \"npm run watch:css-app\" \"npm run watch:css-editor\" \"npm run watch:js\"", "browser-sync": "cross-env NODE_ENV=development browser-sync start --proxy \"tailpress.test\" --host=\"tailpress.test\" --no-inject-changes --files=\"./\"", "watch-sync": "cross-env NODE_ENV=development concurrently \"npm run browser-sync\" \"npm run watch\"" }, "devDependencies": { ***@***.***/tailwindcss-tailpress": "^2.0.0", "autoprefixer": "^10.4.0", "browser-sync": "^2.26.14", "concurrently": "^6.2.1", "cross-env": "^6.0.3", "esbuild": "^0.12.24", "postcss": "^8.4.4", "postcss-import": "^14.0.0", "postcss-nested": "^5.0.3", "postcss-nested-ancestors": "^2.0.0", "resolve-url-loader": "^3.1.2", "tailwindcss": "^3.1.0" }, } We have an older version that runs fine { "name": "tailpress", "version": "3.0.0", "description": "Boilerplate WordPress theme with Tailwind CSS.", "author": "Jeffrey van Rossum", "repository": { "type": "git", "url": "https://github.com/jeffreyvr/tailpress" }, "theme_uri": "https://github.com/jeffreyvr/tailpress", "author_uri": "https://vanrossum.dev", "text_domain": "tailpress", "license": "MIT", "scripts": { "production:css-app": "tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss --minify", "production:css-editor": "tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss --minify", "production:js": "./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js --minify", "dev:css-app": "tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss", "dev:css-editor": "tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss", "dev:js": "./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js", "watch:css-app": "tailwindcss -i ./resources/css/app.css -o ./css/app.css --postcss --watch", "watch:css-editor": "tailwindcss -i ./resources/css/editor-style.css -o ./css/editor-style.css --postcss --watch", "watch:js": "./node_modules/.bin/esbuild ./resources/js/app.js --bundle --outfile=./js/app.js --watch", "production": "cross-env NODE_ENV=production concurrently \"npm run production:css-app\" \"npm run production:css-editor\" \"npm run production:js\"", "dev": "cross-env NODE_ENV=development concurrently \"npm run dev:css-app\" \"npm run dev:css-editor\" \"npm run dev:js\"", "watch": "cross-env NODE_ENV=development concurrently \"npm run watch:css-app\" \"npm run watch:css-editor\" \"npm run watch:js\"", "browser-sync": "cross-env NODE_ENV=development browser-sync start --proxy \"tailpress.test\" --host=\"tailpress.test\" --no-inject-changes --files=\"./\"", "watch-sync": "concurrently \"npm run browser-sync\" \"npm run watch\"" }, "devDependencies": { ***@***.***/tailwindcss-tailpress": "^0.1.0", "autoprefixer": "^10.4.0", "browser-sync": "^2.26.14", "concurrently": "^6.2.1", "cross-env": "^6.0.3", "esbuild": "^0.12.24", "postcss": "^8.4.4", "postcss-import": "^14.0.0", "postcss-nested": "^5.0.3", "postcss-nested-ancestors": "^2.0.0", "resolve-url-loader": "^3.1.2", "tailwindcss": "^3.0.0" } } [image: Mailtrack] <https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality11&> Sender notified by Mailtrack <https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality11&> 16/09/22, 10:24:32

…

On Thu, 15 Sept 2022 at 13:36, Jeffrey van Rossum ***@***.***> wrote: Not able to reproduce this. What OS are you using? — Reply to this email directly, view it on GitHub <#148 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZ6ZIMYRHYHJX4I4JKGKYBDV6MJ4HANCNFSM6AAAAAAQMFCXGI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

-- Mat O'Connor Founder/Developer [image: Actuate Digital Ltd] T: 0161 672 0877 <+441616720877> M: 07572 435911 <+447572435911> W: actuate.agency <https://www.actuate.agency> [image: Facebook] actuateagency <https://www.facebook.com/actuateagency> [image: Twitter] actuate_agency <https://twitter.com/actuate_agency> [image: LinkedIn] company/actuatedigital <https://www.linkedin.com/company/actuatedigital> Address: Colony, 5 Piccadily Place, Manchester M1 3BR Disclaimer: This email and any files transmitted with it are confidential and intended only for the individuals or entities to whom they are addressed. If you have received this email in error please notify the sender by return email and then delete the email and any files transmitted with it from your system. Use, disclosure, distribution or copying of any information received by yourself in error is prohibited.

[s-wild]

I get this error too, I am using Volta node@18 on my macOS Ventura 13.2.

I fixed it by running:

export NODE_ENV=development