Comments (6)
vue-cli contributor here - You can probably ignore this, it seems to be a problem on our side with https://github.com/vuejs/vue-jest
I may be wrong, but @solidevolution didn'T provide much to work on.
from postcss-cssnext.
@LinusBorg I can provide you more but a sandbox mock wouldn't bring you much.
It's a bug on console / npm run test. Browser/Sandbox working fine.
It's simply what I wrote, do
"vue create something"
of vue-cli, then
"npm install -D postcss/cssnext"
Add it to .postcssrc
and insert nested css ("4") in a component:
& .a {
z-index: 1;
& .b {
z-index: 2;
}
}
from postcss-cssnext.
Well, on second thjought:
vue-cli doesn't even include cssnext for you, and you didn't do so either, as far as I can tell,so I have no idea why you report this as a problem in our reporsitory, and even less of an idea why this should be a problem with cssnext / postcss-nested.
from postcss-cssnext.
@LinusBorg I added more information. The problem happens if we combine vue-cli with cssnext and write tests. So I had no idea where to start with the bug:
- jest
- vue-jest
- vue-cli
- cssnext
So I started with you guys, having more background of the deep structures.
PS: postcss/cssnext bundles a lot of packages, one of those is postcss-nesting. not nested.
PPS: Our css next solution would be to bundle the postcss packages self to be ready for css4 ;)
from postcss-cssnext.
...so does it work with postcss-nesting 4.2.1?
...and the current version is ^4.0.1, which would install 4.2.1 anyway, so update to which version?
from postcss-cssnext.
Sorry, tried it with 4.2.1 and got the same error. So I was on the wrong path.
@LinusBorg identified the problem in vue-jest, a middleware to test vue components with jest.
from postcss-cssnext.
Related Issues (20)
- Errors When Running Jest Unit Tests HOT 3
- Using variable in rgba is not interpolated correctly HOT 2
- Preserving css variables HOT 1
- no such file or directory @std/esm/esm.js.gz HOT 2
- 4.0 => deprecation + alias to postcss-preset-env ? HOT 23
- How to get rid of the source of modern CSS? HOT 1
- -
- Complex calc function simplifying incorrectly HOT 2
- Autoprefixer update HOT 3
- Using `env` (previously `constant`) in a `calc` HOT 5
- Module build failed: BrowserslistError: Unknown browser major HOT 3
- Logical properties support HOT 2
- calc(..) adds space between my unit and the resulting integer. HOT 3
- How to disable autoprefixer? HOT 1
- deprecation warning messages link may happen broken HOT 1
- Can I disable compilation of css-variables to string? HOT 2
- Support for CSS Shadow Parts ? ::part and ::theme HOT 1
- [feature request] provide support for string-set and other paged media HOT 1
- TypeError: dest.on is not a function
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-cssnext.