Tailwind 3.3.2 crashing on Rails 7

[spaquet]

Not sure where the error comes from, could be a pure tailwind one, but starting from here. App: Rails 7, Node JS 16.13.1, yarn 1.22.19 using esbuild and postcess. Tailwind 3.3.1: work perfect When upgrading to Tailwind 3.3.2 The following error pops up:

19:59:42 css.1    | node:internal/modules/cjs/loader:936
19:59:42 css.1    |   throw err;
19:59:42 css.1    |   ^
19:59:42 css.1    | 
19:59:42 css.1    | Error: Cannot find module '../doc/directives.js'
19:59:42 css.1    | Require stack:
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/yaml/dist/compose/composer.js
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/yaml/dist/index.js
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/tailwindcss/node_modules/postcss-load-config/src/index.js
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/tailwindcss/lib/cli/build/plugin.js
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/tailwindcss/lib/cli/build/index.js
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/tailwindcss/lib/cli/index.js
19:59:42 css.1    | - ~/Sites/app-folder/node_modules/tailwindcss/lib/cli.js
19:59:42 css.1    |     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
19:59:42 css.1    |     at Function.Module._load (node:internal/modules/cjs/loader:778:27)
19:59:42 css.1    |     at Module.require (node:internal/modules/cjs/loader:1005:19)
19:59:42 css.1    |     at require (node:internal/modules/cjs/helpers:102:18)
19:59:42 css.1    |     at Object.<anonymous> (~/Sites/app-folder/node_modules/yaml/dist/compose/composer.js:3:18)
19:59:42 css.1    |     at Module._compile (node:internal/modules/cjs/loader:1101:14)
19:59:42 css.1    |     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
19:59:42 css.1    |     at Module.load (node:internal/modules/cjs/loader:981:32)
19:59:42 css.1    |     at Function.Module._load (node:internal/modules/cjs/loader:822:12)
19:59:42 css.1    |     at Module.require (node:internal/modules/cjs/loader:1005:19) {
19:59:42 css.1    |   code: 'MODULE_NOT_FOUND',
19:59:42 css.1    |   requireStack: [
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/yaml/dist/compose/composer.js',
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/yaml/dist/index.js',
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/tailwindcss/node_modules/postcss-load-config/src/index.js',
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/tailwindcss/lib/cli/build/plugin.js',
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/tailwindcss/lib/cli/build/index.js',
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/tailwindcss/lib/cli/index.js',
19:59:42 css.1    |     '~/Sites/app-folder/node_modules/tailwindcss/lib/cli.js'
19:59:42 css.1    |   ]
19:59:42 css.1    | }
19:59:42 css.1    | error Command failed with exit code 1.
19:59:42 css.1    | info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
19:59:42 css.1    | exited with code 1

package.json file:

{
  "name": "app",
  "private": "true",
  "dependencies": {
    "@honeybadger-io/js": "5.4.1",
    "@hotwired/stimulus": "3.2.1",
    "@hotwired/turbo-rails": "7.3.0",
    "@rails/actiontext": "7.0.4-3",
    "@tailwindcss/typography": "0.5.9",
    "autoprefixer": "10.4.14",
    "chart.js": "4.3.0",
    "chartjs-plugin-datalabels": "2.2.0",
    "chartkick": "5.0.1",
    "esbuild": "0.17.17",
    "flowbite": "1.6.5",
    "flowbite-datepicker": "1.2.2",
    "postcss": "8.4.22",
    "stimulus-autocomplete": "3.1.0",
    "taggle": "1.15.0",
    "tailwindcss": "3.3.2",
    "trix": "2.0.5"
  },
  "scripts": {
    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets",
    "build:css": "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css"
  },
  "devDependencies": {}
}

[flavorjones]

Hi, it doesn't look like you're using the tailwindcss-rails gem. Is that a correct assumption?

[spaquet]

good point. Who's in charge of tailwind integration when running rails new project_name -c tailwind -j esbuild ...

[flavorjones]

If, by "who's in charge?", you mean "where can I go to ask for help?", you may want to try opening an issue under rails/rails. This project exists specifically to avoid having to use javascript bundlers, so I'm definitely not the right person to help you.

[flavorjones]

Though I'd also suggest, if this issue is due to an upgrade from tailwind 3.3.1 to 3.3.2 (and disappears if you downgrade) that maybe it's not a Rails issue and should be reported upstream.

[spaquet]

I'm sharing your hesitation. As I'm not in a rush to upgrade, I might just wait for 3.3.3 or above to be released.