New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Turbopack] Parsing css source code failed #2356
Comments
/cc @kdy1 |
Should be fixed by swc-project/swc#6260 |
Is this resolved in recent versions of Next.js? |
Also getting this with the
This seems to be a IE (or Edge?) specific style definition, which might not be part of the CSS standard. Can this error be fixed without adjusting the Edit: This is with NextJS 14.0.2 using |
Same with NextJS 14.0.3 |
node_modules_next_3f8f89._.js?ts=1702321002203:18337 Uncaught Error: ./app/globals.css:977:22
Parsing css source code failed
975 | }
976 | .max-w-\[container\.sm\] {
> 977 | max-width: container.sm;
| ^
978 | }
979 | .max-w-lg {
980 | max-width: 32rem;
Expected Declaration value
at <unknown> (Error: ./app/globals.css:977:22)
at Object.getCompilationErrors (file://C:\Users\4ranc\Documents\github\aipictors\node_modules\next\dist\server\lib\router-utils\setup-dev-bundler.js:980:37)
at DevBundlerService.getCompilationError (file://C:\Users\4ranc\Documents\github\aipictors\node_modules\next\dist\server\lib\dev-bundler-service.js:36:55)
at DevServer.getCompilationError (file://C:\Users\4ranc\Documents\github\aipictors\node_modules\next\dist\server\dev\next-dev-server.js:582:42)
at DevServer.findPageComponents (file://C:\Users\4ranc\Documents\github\aipictors\node_modules\next\dist\server\dev\next-dev-server.js:541:43)
at async DevServer.renderErrorToResponseImpl (file://C:\Users\4ranc\Documents\github\aipictors\node_modules\next\dist\server\base-server.js:2050:26) The above-mentioned error is occurring with Next.js |
Actually, this is a bug of leftlet. It's not a valid syntax |
Same here. Trying to use code for antd as: .ant-dropdown-menu-item-selected {
span {
display: flex;
justify-content: space-between;
align-items: center;
}
span::after {
content: url('../assets/icons/common/check.svg');
margin-inline-start: 0.285rem;
}
} and its giving: Parsing css source code failed
59 |
60 | .ant-dropdown-menu-item-selected {
> 61 | span {
| ^
62 | display: flex;
63 | justify-content: space-between;
64 | align-items: center;
Expected ":" |
Any update on this issue? |
Having the same issue regarding |
This comment was marked as spam.
This comment was marked as spam.
going to close this for now as this discussion is no longer related to the original reported issue the syntax was removed from leaflet itself more than a year ago Leaflet/Leaflet@2daebbb if you're encountering any other problems, feel free to open a new issue in the next.js repo |
I am seeing this on Next.js 14.1.3 with tailwind 3.4.1
|
Hey, got the same problem with Next 14.1.3 and tailwind 3.4.1 :
I wanted to import a css file from a package to my app, in a turborepo monorepo |
@walid-mos Please file a new issue with a minimal reproducion |
For what it's worth, it's fine on my side on latest Next.js (14.2.3) and Tailwind v3.4.0. |
FWIW, I just decided to try out the @nextui-org/react (@nextui) component lib in a new project.
|
@kdy1 is there a related issue open? |
What version of Turbopack are you using?
latest
What package manager are you using / does the bug impact?
pnpm
What operating system are you using?
Mac
Describe the Bug
Some other error that was ok to work with
Expected Behavior
css working
To Reproduce
for project https://github.com/wenerme/wode under demo dir
Then
src/pages/_app.tsx
changeimport '../styles/globals.css';
toimport '../styles/dist.css';
Reproduction Repo
https://github.com/wenerme/wode
The text was updated successfully, but these errors were encountered: