tailwind v4 with parcel installation method is broken

[vijaykrishnan1003]

If I try to install tailwind v4 with parcel, following the steps mentioned in the official page, it throws the following error.

@parcel/transformer-css: Unexpected token CloseSquareBracket

/Users/vijaykrishnan/Desktop/Front_end_dev/tailwind_css_2/src/index.css:2117:11
2116 | .[host:]port] {

2117 | host: ]port;
| ^
2118 | }
2119 | .[keywords:node-addon-api] {

Some basic functionality is broken. Please check

[wongjn]

Is the .[host:]port] bit some real CSS or something else?

[madferro]

Same here, any news?

[wongjn]

I've just tried it out. Tailwind's automatic source detection will scan node_modules and find these invalid class-candidate look-alikes in the node-addon-api npm package and then ends up building some invalid CSS, causing the error.

You can work around this by adding a .gitignore to the root of the project that ignores node_modules.

[vijaykrishnan1003]

Thank you so much @wongjn . You saved the day!!

[vatshal1]

still it's not working

[wongjn]

Could you provide more details about how it is not working? Would you be able to provide a git repository that reproduces the issue you are experiencing please?

[vatshal1]

Could you provide more details about how it is not working? Would you be able to provide a git repository that reproduces the issue you are experiencing please?

In my local computer, it is not working. i followed the steps mention in docs and also put 'node_module' folder in .gitignore.