Comments (5)
I don't quite have a sample available as I'm not great at debugging this type of issue (will try more in a bit), but I'm seeing something similar to @tagliala having recently updated Webpacker in my project -- except in theory for the -
character surfacing:
Syntax Error
[ 'operator', '-', 1, 25, 1, 26, 24 ]
when I add some crude logging to postcss-values-parser/lib/parser.js
within error (message, token)
at the moment I'm resolving it by locking sass@~1.39.2
in my yarn resolutions -- so it seems like something after 1.40.0
is not playing nicely
from postcss-values-parser.
This package is also transitively used by Webpacker 5, so at the moment it is not possible to compile Bootstrap with NODE_ENV=production
out of the box
from postcss-values-parser.
Looking at it, this version is far outdated. But it is the version used (transitively) by postcss-preset-env
, which is used in create-react-app
from postcss-values-parser.
PRs are welcome
from postcss-values-parser.
Same issue of mine on [email protected], it is due to the parser logic has strict check on calc()
expression when its default option is {loose: false}
, it does not allow an operator character to follow another operator character without a space charactor in between, in my case 2*-1
is invalid, but 2* -1
is valid.
ERROR in ./node_modules/@material/layout-grid/mdc-layout-grid.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
ParserError: Syntax Error at line: 1, column 52
calc(var(--mdc-layout-grid-gutter-desktop, 24px)/2*-1)
at /Users/liujing/bk/plink/react-space/node_modules/@material/layout-grid/mdc-layout-grid.scss:1:932
at Parser.error (/Users/liujing/bk/plink/react-space/node_modules/postcss-values-parser/lib/parser.js:127:11)
at Parser.operator (/Users/liujing/bk/plink/react-space/node_modules/postcss-values-parser/lib/parser.js:162:20)
at Parser.parseTokens (/Users/liujing/bk/plink/react-space/node_modules/postcss-values-parser/lib/parser.js:245:14)
at Parser.loop (/Users/liujing/bk/plink/react-space/node_modules/postcss-values-parser/lib/parser.js:132:12)
at Parser.parse (/Users/liujing/bk/plink/react-space/node_modules/postcss-values-parser/lib/parser.js:51:17)
at parse (/Users/liujing/bk/plink/react-space/node_modules/postcss-custom-properties/src/lib/postcss-values-parser.js:4:29)
at callback (/Users/liujing/bk/plink/react-space/node_modules/postcss-custom-properties/src/lib/transform-properties.js:11:21)
In create-react-app production mode, some Webpack plugin or loader removed all space from source SCSS file which leads to this issue, now it is hard to so say whose fault this is postcss-values-parsers or create-react-app
's unknown Webpack plugin (my guess is something related to mini-css-extract-plugin)
from postcss-values-parser.
Related Issues (20)
- Exception thrown on float angle values HOT 4
- Options for initial line/column values HOT 1
- Sass forward prefixes parsing as a word and operator instead of just a word HOT 8
- postcss-values-parser hangs indefinitely HOT 5
- License Change: from MPL-2.0 to MIT to be aligned with postcss pkgs HOT 1
- Can't parse `++(1)` HOT 2
- URL parameters are being parsed into functional groups, when they should be ignored. HOT 2
- Replace url-regex and is-url-superb with custom implementation HOT 6
- Can't parse font property font-size/line-height syntax HOT 7
- cannot parse grid values 1/-1 HOT 5
- Postcss 8 support HOT 1
- Depends on package `url-regex` with high severity vulnerability HOT 3
- No comment in property value HOT 2
- Cannot parse proprietary IE functions HOT 3
- css clamp() syntax error HOT 4
- Cannot parse `url()` with unquoted data url HOT 1
- Unable to clone value with quotes characters
- Multiple versions of this library can't coexist HOT 2
- v7 Information HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from postcss-values-parser.