Skip to content
This repository was archived by the owner on Apr 6, 2021. It is now read-only.

JIT causing build to fail when I enable @tailwindcss/forms #158

Closed
lukebennett88 opened this issue Mar 26, 2021 · 3 comments
Closed

JIT causing build to fail when I enable @tailwindcss/forms #158

lukebennett88 opened this issue Mar 26, 2021 · 3 comments

Comments

@lukebennett88
Copy link

What version of @tailwindcss/jit are you using?

0.1.10

What version of Node.js are you using?

v14.4.0

What browser are you using?

N/A

What operating system are you using?

macOS 11.2.3

Reproduction repository

https://github.com/lukebennett88/tailwind-jit-bug

For some reason, whenever I enable the @tailwindcss/forms plugin, my Gatsby server crashes.

This happens when running both gatsby develop and gatsby build.

I have another Gatsby site that is very similar using the same plugins with no issues, so not sure why this is happening (maybe incompatibility with different versions of the packages I'm using?)

Here is the error I see in my terminal:

 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: Cannot read property 'type' of null
    at extractCandidates (.../node_modules/@tailwi
ndcss/jit/src/lib/setupContext.js:314:22)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:328:22
    at Array.flatMap (<anonymous>)
    at withIdentifiers (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:326:30)
    at addBase (.../node_modules/@tailwindcss/jit/
src/lib/setupContext.js:390:38)
    at .../node_modules/@tailwindcss/forms/src/ind
ex.js:252:5
    at registerPlugins (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:580:7)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:770:5
    at .../node_modules/@tailwindcss/jit/src/index
.js:37:49
    at LazyResult.runOnRoot (.../node_modules/post
css/lib/lazy-result.js:303:16)
    at LazyResult.runAsync (.../node_modules/postc
ss/lib/lazy-result.js:355:26)
    at LazyResult.async (.../node_modules/postcss/
lib/lazy-result.js:205:30)
    at LazyResult.then (.../node_modules/postcss/l
ib/lazy-result.js:190:17)

File: .cache/blank.css


 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: Cannot read property 'type' of null
    at extractCandidates (.../node_modules/@tailwi
ndcss/jit/src/lib/setupContext.js:314:22)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:328:22
    at Array.flatMap (<anonymous>)
    at withIdentifiers (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:326:30)
    at addBase (.../node_modules/@tailwindcss/jit/
src/lib/setupContext.js:390:38)
    at .../node_modules/@tailwindcss/forms/src/ind
ex.js:252:5
    at registerPlugins (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:580:7)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:770:5
    at .../node_modules/@tailwindcss/jit/src/index
.js:37:49
    at LazyResult.runOnRoot (.../node_modules/post
css/lib/lazy-result.js:303:16)
    at LazyResult.runAsync (.../node_modules/postc
ss/lib/lazy-result.js:355:26)
    at LazyResult.async (.../node_modules/postcss/
lib/lazy-result.js:205:30)
    at LazyResult.then (.../node_modules/postcss/l
ib/lazy-result.js:190:17)

File: src/styles/global.css

failed Building development bundle - 7.974s
ERROR in ./.cache/blank.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: Cannot read property 'type' of null
    at extractCandidates (.../node_modules/@tailwi
ndcss/jit/src/lib/setupContext.js:314:22)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:328:22
    at Array.flatMap (<anonymous>)
    at withIdentifiers (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:326:30)
    at addBase (.../node_modules/@tailwindcss/jit/
src/lib/setupContext.js:390:38)
    at .../node_modules/@tailwindcss/forms/src/ind
ex.js:252:5
    at registerPlugins (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:580:7)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:770:5
    at .../node_modules/@tailwindcss/jit/src/index
.js:37:49
    at LazyResult.runOnRoot (.../node_modules/post
css/lib/lazy-result.js:303:16)
    at LazyResult.runAsync (.../node_modules/postc
ss/lib/lazy-result.js:355:26)
    at LazyResult.async (.../node_modules/postcss/
lib/lazy-result.js:205:30)
    at LazyResult.then (.../node_modules/postcss/l
ib/lazy-result.js:190:17)
    at processResult (.../node_modules/webpack/lib
/NormalModule.js:675:19)
    at
.../node_modules/webpack/lib/NormalModule.js:774:5
    at .../node_modules/loader-runner/lib/LoaderRu
nner.js:399:11
    at .../node_modules/loader-runner/lib/LoaderRu
nner.js:251:18
    at context.callback (.../node_modules/loader-r
unner/lib/LoaderRunner.js:124:13)
    at Object.loader (.../node_modules/postcss-loa
der/dist/index.js:104:7)
 @ ./.cache/app.js 26:0-21

ERROR in ./src/styles/global.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: Cannot read property 'type' of null
    at extractCandidates (.../node_modules/@tailwi
ndcss/jit/src/lib/setupContext.js:314:22)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:328:22
    at Array.flatMap (<anonymous>)
    at withIdentifiers (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:326:30)
    at addBase (.../node_modules/@tailwindcss/jit/
src/lib/setupContext.js:390:38)
    at .../node_modules/@tailwindcss/forms/src/ind
ex.js:252:5
    at registerPlugins (.../node_modules/@tailwind
css/jit/src/lib/setupContext.js:580:7)
    at .../node_modules/@tailwindcss/jit/src/lib/s
etupContext.js:770:5
    at .../node_modules/@tailwindcss/jit/src/index
.js:37:49
    at LazyResult.runOnRoot (.../node_modules/post
css/lib/lazy-result.js:303:16)
    at LazyResult.runAsync (.../node_modules/postc
ss/lib/lazy-result.js:355:26)
    at LazyResult.async (.../node_modules/postcss/
lib/lazy-result.js:205:30)
    at LazyResult.then (.../node_modules/postcss/l
ib/lazy-result.js:190:17)
    at processResult (.../node_modules/webpack/lib
/NormalModule.js:675:19)
    at
.../node_modules/webpack/lib/NormalModule.js:774:5
    at .../node_modules/loader-runner/lib/LoaderRu
nner.js:399:11
    at .../node_modules/loader-runner/lib/LoaderRu
nner.js:251:18
    at context.callback (.../node_modules/loader-r
unner/lib/LoaderRunner.js:124:13)
    at Object.loader (.../node_modules/postcss-loa
der/dist/index.js:104:7)
 @ ./gatsby-browser.js 9:0-33
 @ ./.cache/api-runner-browser-plugins.js 22:10-41
 @ ./.cache/api-runner-browser.js 4:14-53
 @ ./.cache/app.js 13:0-65 28:0-70 32:20-29 45:0-14 99:17-26 144:8-17 28:0-70

2 ERRORS in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 4 errors

Thanks for taking a look!
@veerman72
Copy link

veerman72 commented Mar 26, 2021 •
edited
Loading

I have the same problem when using @tailwindcss/jit v0.1.10 with @tailwindcss/forms v0.3.0.
Downgrading to @tailwindcss/forms v0.2.1 is the workaround.

@vinayakkulkarni vinayakkulkarni mentioned this issue Mar 26, 2021
Closed
@vinayakkulkarni
Copy link

Yep, can confirm the same, Issue is with forms v0.3.0, downgrading to v0.2.1 works

I've opened an issue in Nuxt tailwindcss-module as well - nuxt-modules/tailwindcss#320

@bradlc
Copy link
Contributor

bradlc commented Mar 26, 2021

Thanks for reporting! Should be fixed in version 0.3.2 of the forms plugin 👍

@bradlc bradlc closed this as completed Mar 26, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@bradlc @lukebennett88 @vinayakkulkarni @veerman72