Hi all,
I’m a developer from Italy.
I can’t say I’m an experienced developer on Web stack, let’s say anyway I develop since 90s.
I saw the possibility to use IA to generate projects, so I started to use Firebase Studio to build up some ideas I had, just for fun let’s say. The IA set up a project using Typescript and added modules at each step we moved forward during the implementation.
Please forgive me if I show my total ignorance on web framework topics and associated terminilogy.
Everything worked almost fine until I got the following error which stops any further activity from the server.
Build Error
Parsing css source code failed
./src/app/globals.css (1924:8)
Parsing css source code failed
1922 | }
1923 | .\[-\:\.\] {
> 1924 | -: .;
| ^
1925 | }
1926 | .file\:border-0::file-selector-button {
1927 | border-width: 0px;
Unexpected token Semicolon at [project]/src/app/globals.css:1923:7
The globals.css doesn’t have much in it. at the top the import of some tailwind libraries, and then other declarations but for sure it doesn’t reach line 1923, so I suppose those tailwind libraries got expanded into globals.css file and the build fails for that.
if I keep only the “base” import, it looks like the error comes from that one.
@tailwindtailwin@tailwind base;
@tailwind components;
@tailwind utilities;
I tried also to re-import the tailwind libraries (forcing deletion from project folders), but no luck.
Searching the internet I didn’t find much related to this.
Curious part is that a brand new project with basically same content for the main files (or what I could consider the main files of a project), as well including tailwind, works like a charm.
I’m slowly copy/pasting the forms/modules from the broken project to a new one, which for now works; but I’m often scared it will break up as well.
I would be very grateful for any input/help/advice to overcome this problem.
if any additional information is needed I can try to collect it.
thx!