Cannot find module "tailwindcss/defaultTheme" when using npx

[mhanberg]

I'm not able to require the the default theme when using the cli through npx.

I feel like this should be possible, as I've done this when using a package.json and yarn. Any ideas?

┌─ 09:56:05 PM
│duck on  main +34 -286 [✘!?] via  v1.12.3 (OTP 24) via  v16.13.0
└─   npx tailwindcss -i assets/css/app.css -o priv/css/app.css --watch
node:internal/modules/cjs/loader:933
  const err = new Error(message);
              ^

Error: Cannot find module 'tailwindcss/defaultTheme'
Require stack:
- /Users/mitchell/Development/duck/tailwind.config.js
- /Users/mitchell/.npm/_npx/bc7494899bbce1ca/node_modules/tailwindcss/lib/cli.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/mitchell/Development/duck/tailwind.config.js:1:22)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/mitchell/Development/duck/tailwind.config.js',
    '/Users/mitchell/.npm/_npx/bc7494899bbce1ca/node_modules/tailwindcss/lib/cli.js'
  ]
}

This is what I have in my config

const defaultTheme = require("tailwindcss/defaultTheme");

module.exports = {
  mode: "jit",
  purge: ["./lib/duck_web/templates/**/*.html.*", "./lib/duck_web/live/**/*.ex"],
  darkMode: "media", // or 'media' or 'class'
  theme: {
    extend: {
      fontFamily: {
        sans: ["Inter", ...defaultTheme.fontFamily.sans]
      },
    },
    container: {
      center: true,
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

[legecha]

I had this error when I installed globally. I fixed it with:

npm link tailwindcss

After that it picked it up without issue.

[Hambote]

Thanks very much - worked like a charm!

[snakysnake]

God is great, thanks ;)

[juicyfish]

Still works great :)