rstackjs / rstackjs/rsbuild-plugin-tailwindcss

[BUG] Cannot read properties of undefined (reading 'insertAfter')

Open
#16 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
54
Forks
6
PR merge metrics
No merged PRs in 30d

Description

Hi,
I tried to use this plugin and it fails with following error:

start   Building...
<e> [webpack-dev-middleware] [Error:   × TypeError: Cannot read properties of undefined (reading 'insertAfter')
<e>   │     at Root.after (D:\Side\nmit-coursition\node_modules\.pnpm\rsbuild-plugin-tailwindcss@0.0.2_@rsbuild+core@1.1.3_tailwindcss@3.4.15_ts-node@10.9.2_@swc+c_iea46vmxfpnftq2zpelg5joqme\node_modules\rsbuild-plugin-tailwindcss\dist\880.cjs:1633:29)
<e>   │     at partitionRules (D:\Side\nmit-coursition\node_modules\.pnpm\tailwindcss@3.4.15_ts-node@10.9.2_@swc+core@1.5.25_@swc+helpers@0.5.15__@types+node@20.17.6_typescript@5.6.3_\node_modules\tailwindcss\lib\lib\partitionApplyAtRules.js:49:18)
<e>   │     at D:\Side\nmit-coursition\node_modules\.pnpm\tailwindcss@3.4.15_ts-node@10.9.2_@swc+core@1.5.25_@swc+helpers@0.5.15__@types+node@20.17.6_typescript@5.6.3_\node_modules\tailwindcss\lib\lib\partitionApplyAtRules.js:56:9
<e>   │     at D:\Side\nmit-coursition\node_modules\.pnpm\tailwindcss@3.4.15_ts-node@10.9.2_@swc+core@1.5.25_@swc+helpers@0.5.15__@types+node@20.17.6_typescript@5.6.3_\node_modules\tailwindcss\lib\processTailwindFeatures.js:54:46
<e>   │     at async plugins (D:\Side\nmit-coursition\node_modules\.pnpm\tailwindcss@3.4.15_ts-node@10.9.2_@swc+core@1.5.25_@swc+helpers@0.5.15__@types+node@20.17.6_typescript@5.6.3_\node_modules\tailwindcss\lib\plugin.js:38:17)
<e>   │     at async LazyResult.runAsync (D:\Side\nmit-coursition\node_modules\.pnpm\rsbuild-plugin-tailwindcss@0.0.2_@rsbuild+core@1.1.3_tailwindcss@3.4.15_ts-node@10.9.2_@swc+c_iea46vmxfpnftq2zpelg5joqme\node_modules\rsbuild-plugin-tailwindcss\dist\880.cjs:949:25)      
<e>   │     at async D:\Side\nmit-coursition\node_modules\.pnpm\rsbuild-plugin-tailwindcss@0.0.2_@rsbuild+core@1.1.3_tailwindcss@3.4.15_ts-node@10.9.2_@swc+c_iea46vmxfpnftq2zpelg5joqme\node_modules\rsbuild-plugin-tailwindcss\dist\index.cjs:268:49
<e>   │     at async Promise.all (index 0)
<e>   │     at async D:\Side\nmit-coursition\node_modules\.pnpm\rsbuild-plugin-tailwindcss@0.0.2_@rsbuild+core@1.1.3_tailwindcss@3.4.15_ts-node@10.9.2_@swc+c_iea46vmxfpnftq2zpelg5joqme\node_modules\rsbuild-plugin-tailwindcss\dist\index.cjs:264:21
<e>   │     at async Promise.all (index 0)
<e>   │     at async Object.fn (D:\Side\nmit-coursition\node_modules\.pnpm\rsbuild-plugin-tailwindcss@0.0.2_@rsbuild+core@1.1.3_tailwindcss@3.4.15_ts-node@10.9.2_@swc+c_iea46vmxfpnftq2zpelg5joqme\node_modules\rsbuild-plugin-tailwindcss\dist\index.cjs:237:17)
<e>   │ 
<e> ] {
<e>   code: 'GenericFailure'
<e> }

Anything I should do differently? :) I am trying to consume UI Library (Shadcn) and also use styles in the app (I have Nx Monorepo, which I can share).

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the failure with the reported Nx monorepo, Shadcn UI library, and Tailwind CSS setup. Inspect the plugin stack entry in dist/index.cjs and the Tailwind CSS path at lib/lib/partitionApplyAtRules.js, then compare the failing configuration with a working setup. Done means the application build completes without the insertAfter error.

Written by the indexing model from the issue text.

Assessment

Tech stack
tailwindcss, typescript
Domain
build-system, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.