Github action node version mismatch when running `wasp ts-setup` on version 0.19.1

hadanator · 2025-12-11T07:36:51.410Z

I have updated my wasp project to 0.19.1 and also set that version in my github action deploy.yml. When it gets to the step of running `wasp ts-setup`, I get this error: ``` Run wasp ts-setup wasp ts-setup Error: Error] Node/NPM requirement not met: -------------------------------------- Your node version does not meet Wasp's requirements! You are running node 20.19.6. Wasp requires node version 22.12.0 or higher. Error: Process completed with exit code 1. ```

K

kapa.ai•12/11/25, 7:36 AM

Hi @hadanator. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

K

kapa.ai•12/11/25, 7:37 AM

----------------------
Wasp 0.19.1 has tightened its Node requirement: the error message you’re seeing is coming from Wasp itself and states that it now requires Node 22.12.0 or higher. Your GitHub Action is running on Node 20.19.6, which is why

wasp ts-setup

wasp ts-setup

fails.

Historically, Wasp required exactly the latest LTS (e.g.

^18.12.0

^18.12.0

^18.12.0

^18.12.0) and would reject newer Node versions, then moved to “any version ≥18” with no upper bound. [Relax node requirement; Allow >=18] That context explains why older examples/workflows might still be pinning Node 18 or 20, while 0.19.1 now expects a higher minimum (22.12.0 per your error).

Based on the docs and issues available, there is no explicit mention of Wasp 0.19.1’s exact Node version policy beyond this error string itself, so I can’t confirm more than what the error already tells you.

To fix your GitHub Action:

Update the Node version used in your workflow to meet Wasp’s requirement. For example, if you’re using
```
actions/setup-node
```
actions/setup-node
```
actions/setup-node
```
actions/setup-node
:

   - uses: actions/setup-node@v4
     with:
       node-version: '22.12.0'

   - uses: actions/setup-node@v4
     with:
       node-version: '22.12.0'

   - uses: actions/setup-node@v4
     with:
       node-version: '22.12.0'

   - uses: actions/setup-node@v4
     with:
       node-version: '22.12.0'

Ensure that this step runs before any
```
wasp
```
wasp
```
wasp
```
wasp
commands (
```
wasp ts-setup
```
```
wasp ts-setup
```
,
```
wasp build
```
```
wasp build
```
, etc.), so the correct Node is on
```
PATH
```
PATH
```
PATH
```
PATH
when Wasp checks it.

If after setting Node 22.12.0+ you still get a mismatch error, that would go beyond what’s covered in the current knowledge sources, and you’d likely need to open an issue on the Wasp repo with your exact workflow YAML and Wasp version.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

K

kapa.ai•12/11/25, 7:37 AM

Sorry @hadanator, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

H

hadanatorOP•12/11/25, 7:46 AM

@kapa.ai Ok, I got that working correctly, and now I have a new issue:

Run cd ./.wasp/build/web-app
npm warn config ignoring workspace config at /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/.npmrc
> @wasp.sh/generated-webapp-build@0.0.0 build
> tsc --build && vite build
vite v7.2.7 building client environment for production...
transforming...
file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4
const defaultTheme = require('tailwindcss/defaultTheme')
                     ^
ReferenceError: require is not defined
    at file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4:22
    at ModuleJobSync.runSync (node:internal/modules/esm/module_job:395:35)
    at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:329:47)
    at loadESMFromCJS (node:internal/modules/cjs/loader:1414:24)
    at Module._compile (node:internal/modules/cjs/loader:1547:5)
    at Object..js (node:internal/modules/cjs/loader:1677:16)
    at Module.load (node:internal/modules/cjs/loader:1318:32)
    at Function._load (node:internal/modules/cjs/loader:1128:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:219:24)
Node.js v22.12.0
npm error Lifecycle script `build` failed with error:
npm error code 1
npm error path /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error workspace @wasp.sh/generated-webapp-build@0.0.0
npm error location /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error command failed
npm error command sh -c tsc --build && vite build
Error: Process completed with exit code 1.

Run cd ./.wasp/build/web-app
npm warn config ignoring workspace config at /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/.npmrc
> @wasp.sh/generated-webapp-build@0.0.0 build
> tsc --build && vite build
vite v7.2.7 building client environment for production...
transforming...
file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4
const defaultTheme = require('tailwindcss/defaultTheme')
                     ^
ReferenceError: require is not defined
    at file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4:22
    at ModuleJobSync.runSync (node:internal/modules/esm/module_job:395:35)
    at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:329:47)
    at loadESMFromCJS (node:internal/modules/cjs/loader:1414:24)
    at Module._compile (node:internal/modules/cjs/loader:1547:5)
    at Object..js (node:internal/modules/cjs/loader:1677:16)
    at Module.load (node:internal/modules/cjs/loader:1318:32)
    at Function._load (node:internal/modules/cjs/loader:1128:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:219:24)
Node.js v22.12.0
npm error Lifecycle script `build` failed with error:
npm error code 1
npm error path /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error workspace @wasp.sh/generated-webapp-build@0.0.0
npm error location /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error command failed
npm error command sh -c tsc --build && vite build
Error: Process completed with exit code 1.

Run cd ./.wasp/build/web-app
npm warn config ignoring workspace config at /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/.npmrc
> @wasp.sh/generated-webapp-build@0.0.0 build
> tsc --build && vite build
vite v7.2.7 building client environment for production...
transforming...
file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4
const defaultTheme = require('tailwindcss/defaultTheme')
                     ^
ReferenceError: require is not defined
    at file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4:22
    at ModuleJobSync.runSync (node:internal/modules/esm/module_job:395:35)
    at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:329:47)
    at loadESMFromCJS (node:internal/modules/cjs/loader:1414:24)
    at Module._compile (node:internal/modules/cjs/loader:1547:5)
    at Object..js (node:internal/modules/cjs/loader:1677:16)
    at Module.load (node:internal/modules/cjs/loader:1318:32)
    at Function._load (node:internal/modules/cjs/loader:1128:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:219:24)
Node.js v22.12.0
npm error Lifecycle script `build` failed with error:
npm error code 1
npm error path /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error workspace @wasp.sh/generated-webapp-build@0.0.0
npm error location /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error command failed
npm error command sh -c tsc --build && vite build
Error: Process completed with exit code 1.

Run cd ./.wasp/build/web-app
npm warn config ignoring workspace config at /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/.npmrc
> @wasp.sh/generated-webapp-build@0.0.0 build
> tsc --build && vite build
vite v7.2.7 building client environment for production...
transforming...
file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4
const defaultTheme = require('tailwindcss/defaultTheme')
                     ^
ReferenceError: require is not defined
    at file:///home/runner/work/theraworks/theraworks/app/.wasp/build/web-app/tailwind.config.js:4:22
    at ModuleJobSync.runSync (node:internal/modules/esm/module_job:395:35)
    at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:329:47)
    at loadESMFromCJS (node:internal/modules/cjs/loader:1414:24)
    at Module._compile (node:internal/modules/cjs/loader:1547:5)
    at Object..js (node:internal/modules/cjs/loader:1677:16)
    at Module.load (node:internal/modules/cjs/loader:1318:32)
    at Function._load (node:internal/modules/cjs/loader:1128:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:219:24)
Node.js v22.12.0
npm error Lifecycle script `build` failed with error:
npm error code 1
npm error path /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error workspace @wasp.sh/generated-webapp-build@0.0.0
npm error location /home/runner/work/theraworks/theraworks/app/.wasp/build/web-app
npm error command failed
npm error command sh -c tsc --build && vite build
Error: Process completed with exit code 1.

K

kapa.ai•12/11/25, 7:46 AM

Let me check the knowledge base for you again. One moment! :books:

K

kapa.ai•12/11/25, 7:46 AM

----------------------
The error is happening because your Tailwind config is being treated as ESM, but it still uses CommonJS (
require
require
require
require):

// .wasp/build/web-app/tailwind.config.js
const defaultTheme = require('tailwindcss/defaultTheme') // ❌ in ESM

// .wasp/build/web-app/tailwind.config.js
const defaultTheme = require('tailwindcss/defaultTheme') // ❌ in ESM

// .wasp/build/web-app/tailwind.config.js
const defaultTheme = require('tailwindcss/defaultTheme') // ❌ in ESM

// .wasp/build/web-app/tailwind.config.js
const defaultTheme = require('tailwindcss/defaultTheme') // ❌ in ESM

Starting from Wasp 0.18.0, Tailwind and PostCSS configs must be ESM (

.js

.js

with

import

import

/

export default

export default

export default

export default) instead of CJS (

.cjs

.cjs

.cjs

.cjs with

require

require

require

require /

module.exports

module.exports

module.exports

module.exports). [Tailwind config ESM]

From the successful migration example for 0.18+:

// tailwind.config.js
import { resolveProjectPath } from 'wasp/dev';
export default { /* config */ }

// tailwind.config.js
import { resolveProjectPath } from 'wasp/dev';
export default { /* config */ }

// tailwind.config.js
import { resolveProjectPath } from 'wasp/dev';
export default { /* config */ }

// tailwind.config.js
import { resolveProjectPath } from 'wasp/dev';
export default { /* config */ }

So you need to:

In your project root, edit

tailwind.config.js

tailwind.config.js

(or

tailwind.config.cjs

tailwind.config.cjs

if you still have that) to use ESM:

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
// import { resolveProjectPath } from 'wasp/dev' // if you need it

/** @type {import('tailwindcss').Config} */
export default {
  // ...your config
}

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
// import { resolveProjectPath } from 'wasp/dev' // if you need it

/** @type {import('tailwindcss').Config} */
export default {
  // ...your config
}

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
// import { resolveProjectPath } from 'wasp/dev' // if you need it

/** @type {import('tailwindcss').Config} */
export default {
  // ...your config
}

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
// import { resolveProjectPath } from 'wasp/dev' // if you need it

/** @type {import('tailwindcss').Config} */
export default {
  // ...your config
}

Ensure the file uses .js
.js
extension and no
require
require
require
require /
module.exports
module.exports
module.exports
module.exports anywhere. [Tailwind config ESM]
Do the same ESM conversion for
```
postcss.config.js
```
postcss.config.js
```
postcss.config.js
```
postcss.config.js
if it still uses CJS. [Tailwind & PostCSS ESM]
Re-run:

wasp clean
wasp build

wasp clean
wasp build

wasp clean
wasp build

wasp clean
wasp build

If you migrated directly from 0.17 → 0.19 and skipped the 0.18 migration steps, this is exactly the issue described and resolved in that Tailwind 0.19.0 thread. [Migration 0.17→0.18]
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

K

kapa.ai•12/11/25, 7:46 AM

Sorry @hadanator, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

H

hadanatorOP•12/11/25, 7:55 AM

@kapa.ai This is the start of my tailwind.config.js file:

import TailwindForms from "@tailwindcss/forms"
import TailwindAnimate from "tailwindcss-animate"
import TailwindTypography from "@tailwindcss/typography";
const defaultTheme = require('tailwindcss/defaultTheme')
const { resolveProjectPath } = require('wasp/dev')

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],

import TailwindForms from "@tailwindcss/forms"
import TailwindAnimate from "tailwindcss-animate"
import TailwindTypography from "@tailwindcss/typography";
const defaultTheme = require('tailwindcss/defaultTheme')
const { resolveProjectPath } = require('wasp/dev')

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],

import TailwindForms from "@tailwindcss/forms"
import TailwindAnimate from "tailwindcss-animate"
import TailwindTypography from "@tailwindcss/typography";
const defaultTheme = require('tailwindcss/defaultTheme')
const { resolveProjectPath } = require('wasp/dev')

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],

import TailwindForms from "@tailwindcss/forms"
import TailwindAnimate from "tailwindcss-animate"
import TailwindTypography from "@tailwindcss/typography";
const defaultTheme = require('tailwindcss/defaultTheme')
const { resolveProjectPath } = require('wasp/dev')

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],

K

kapa.ai•12/11/25, 7:55 AM

Let me check the knowledge base for you again. One moment! :books:

K

kapa.ai•12/11/25, 7:56 AM

----------------------
Your

tailwind.config.js

tailwind.config.js

is mixing ESM and CommonJS. For Wasp ≥0.18, Tailwind config must be pure ESM: use

import

import

and

export default

export default

export default

export default, no

require

require

require

require /

module.exports

module.exports

module.exports

module.exports. [Tailwind ESM migration; Tailwind setup]

Rewrite the top of your config like this:

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
import { resolveProjectPath } from 'wasp/dev'

import TailwindForms from '@tailwindcss/forms'
import TailwindAnimate from 'tailwindcss-animate'
import TailwindTypography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],
  theme: {
    extend: {
      // you can now use defaultTheme here
      // fontFamily: {
      //   sans: [...defaultTheme.fontFamily.sans],
      // },
    },
  },
  plugins: [TailwindForms, TailwindAnimate, TailwindTypography],
}

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
import { resolveProjectPath } from 'wasp/dev'

import TailwindForms from '@tailwindcss/forms'
import TailwindAnimate from 'tailwindcss-animate'
import TailwindTypography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],
  theme: {
    extend: {
      // you can now use defaultTheme here
      // fontFamily: {
      //   sans: [...defaultTheme.fontFamily.sans],
      // },
    },
  },
  plugins: [TailwindForms, TailwindAnimate, TailwindTypography],
}

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
import { resolveProjectPath } from 'wasp/dev'

import TailwindForms from '@tailwindcss/forms'
import TailwindAnimate from 'tailwindcss-animate'
import TailwindTypography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],
  theme: {
    extend: {
      // you can now use defaultTheme here
      // fontFamily: {
      //   sans: [...defaultTheme.fontFamily.sans],
      // },
    },
  },
  plugins: [TailwindForms, TailwindAnimate, TailwindTypography],
}

// tailwind.config.js
import defaultTheme from 'tailwindcss/defaultTheme'
import { resolveProjectPath } from 'wasp/dev'

import TailwindForms from '@tailwindcss/forms'
import TailwindAnimate from 'tailwindcss-animate'
import TailwindTypography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: [resolveProjectPath('./src/**/*.{js,jsx,ts,tsx}')],
  theme: {
    extend: {
      // you can now use defaultTheme here
      // fontFamily: {
      //   sans: [...defaultTheme.fontFamily.sans],
      // },
    },
  },
  plugins: [TailwindForms, TailwindAnimate, TailwindTypography],
}

Key points:

Use
```
import defaultTheme from 'tailwindcss/defaultTheme'
```
import defaultTheme from 'tailwindcss/defaultTheme'
```
import defaultTheme from 'tailwindcss/defaultTheme'
```
import defaultTheme from 'tailwindcss/defaultTheme'
instead of
```
require
```
require
```
require
```
require
.
Use
```
import { resolveProjectPath } from 'wasp/dev'
```
import { resolveProjectPath } from 'wasp/dev'
```
import { resolveProjectPath } from 'wasp/dev'
```
import { resolveProjectPath } from 'wasp/dev'
instead of
```
require
```
require
```
require
```
require
. [resolveProjectPath usage; Docs mention]
Keep
```
export default { ... }
```
export default { ... }
```
export default { ... }
```
export default { ... }
at the bottom.

After changing this, run:

wasp clean
wasp build

wasp clean
wasp build

wasp clean
wasp build

wasp clean
wasp build

so Wasp regenerates

.wasp/build/web-app

.wasp/build/web-app

with the corrected ESM config.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

K

kapa.ai•12/11/25, 7:56 AM

Sorry @hadanator, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

H

hadanatorOP•12/11/25, 2:02 PM

Awesome, solved.

M

Mirlandsdev•12/11/25, 2:11 PM

Mark the chat with =solved

tag @hadanator

MMirlandsdev Mark the chat with =solved ✅tag <@400699543961993220>

H

hadanatorOP•12/11/25, 6:35 PM

Where do I do that from? I reacted with that emoji on the OP, is there a different way to do it?

T