Skip to content

The container-queries plugin does not work in a Ruby on rails application #10606

@aayestashn

Description

@aayestashn

What version of Tailwind CSS are you using?

v3.2.6

What build tool (or framework if it abstracts the build tool) are you using?

Ruby version: 3.1.2, Rails 7.0.4

What version of Node.js are you using?

N/A

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

N/A

Describe your issue

I am trying to include the container queries plugin in the tailwind.config.js file in a ruby on rails application.

  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
    require("@tailwindcss/typography"),
    require("@tailwindcss/container-queries"),
  ],

When I run the command: bin/dev the following error messages appear:

18:28:42 css.1     | Error: Cannot find module '@tailwindcss/container-queries'
18:28:42 css.1     | Require stack:
18:28:42 css.1     | - /Users/astorayestas/work/eel-backend/config/tailwind.config.js
18:28:42 css.1     | - /snapshot/tailwindcss/lib/cli/build/plugin.js
18:28:42 css.1     | - /snapshot/tailwindcss/lib/cli/build/index.js
18:28:42 css.1     | - /snapshot/tailwindcss/lib/cli.js
18:28:42 css.1     | - /snapshot/tailwindcss/standalone-cli/standalone.js
18:28:42 css.1     | 1) If you want to compile the package/file into executable, please pay attention to compilation warnings and specify a literal in 'require' call. 2) If you don't want to compile the package/file into executable and want to 'require' it from filesystem (likely plugin), specify an absolute path in 'require' call using process.cwd() or process.execPath.
18:28:42 css.1     |     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
18:28:42 css.1     |     at Function._resolveFilename (pkg/prelude/bootstrap.js:1955:46)
18:28:42 css.1     |     at Function.Module._load (node:internal/modules/cjs/loader:778:27)
18:28:42 css.1     |     at Module.require (node:internal/modules/cjs/loader:1005:19)
18:28:42 css.1     |     at Module.require (pkg/prelude/bootstrap.js:1855:31)
18:28:42 css.1     |     at Module.require (/snapshot/tailwindcss/standalone-cli/standalone.js:25:22)
18:28:42 css.1     |     at require (node:internal/modules/cjs/helpers:102:18)
18:28:42 css.1     |     at Object.<anonymous> (/Users/astorayestas/work/eel-backend/config/tailwind.config.js:77:5)
18:28:42 css.1     |     at Module._compile (node:internal/modules/cjs/loader:1105:14)
18:28:42 css.1     |     at Module._compile (pkg/prelude/bootstrap.js:1894:32) {
18:28:42 css.1     |   code: 'MODULE_NOT_FOUND',
18:28:42 css.1     |   requireStack: [
18:28:42 css.1     |     '/Users/astorayestas/work/eel-backend/config/tailwind.config.js',
18:28:42 css.1     |     '/snapshot/tailwindcss/lib/cli/build/plugin.js',
18:28:42 css.1     |     '/snapshot/tailwindcss/lib/cli/build/index.js',
18:28:42 css.1     |     '/snapshot/tailwindcss/lib/cli.js',
18:28:42 css.1     |     '/snapshot/tailwindcss/standalone-cli/standalone.js'
18:28:42 css.1     |   ],
18:28:42 css.1     |   pkg: true
18:28:42 css.1     | }

Ruby version: 3.1.2
Rails 7.0.4
The application was created with this instruction: rails new my-app --css tailwind.
Does the tailwindcss standalone-cli include the container query plugin?

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions