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.

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

Node 22 compatibility #71

Open
joshuafredrickson opened this issue Feb 10, 2025 · 0 comments
Open

Node 22 compatibility #71

joshuafredrickson opened this issue Feb 10, 2025 · 0 comments

Comments

@joshuafredrickson
Copy link

Attempting to use fluid-tailwind with Node 22 throws the following error. This error does not occur if I switch back to Node 20.

│ │ Module build failed (from ../node_modules/postcss-loader/dist/cjs.js):
│ │ SyntaxError
│ │ (6:3) resources/styles/common/global.css The `~text-base/lg` class does not exist. If `~text-base/lg` is a custom class, make
│ │ sure it is defined within a `@layer` directive.
│ │   4 | 
│ │   5 | :root {
│ │ > 6 |   @apply ~text-base/lg;
│ │     |   ^

Full tailwind.config.js:

import fluid, {extract, screens, fontSize} from 'fluid-tailwind';

/** @type {import('tailwindcss').Config} config */
const config = {
  content: {
    files: ['./app/**/*.php', './resources/**/*.{php,vue,js,jsx}'],
    extract,
  },
  theme: {
    fontSize,
    screens,
  },
  corePlugins: {},
  plugins: [
    fluid,
  ],
};

export default config;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant