ElemeFE / ElemeFE/element

[Bug Report] Top-level selectors may not contain the parent selector "&"

Open
#21,959 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.8

### OS/Browsers version
mac

### Vue version
2.5.22

### Reproduction Link
https://codepen.io/ziyoung/pen/LKNBqB

### Steps to reproduce
vue2.5.2
sass1.53.0
sass-loader8.0.2
element-ui 2.15.8
运行时会提示

167 │ &.#{$state-prefix $state} {
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss

### What is Expected?
vue项目使用sass( 不是 node-sass ) sass-loader 可以运行正常

### What is actually happening?
./src/assets/css/global/global.scss (./node_modules/css-loader/dist/cjs.js??ref--10-1!./node_modules/postcss-loader/lib??ref--10-2!./node_modules/sass-loader/dist/cjs.js??ref--10-3!./node_modules/sass-resources-loader/lib/loader.js??ref--10-4!./src/assets/css/global/global.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Top-level selectors may not contain the parent selector "&".

167 │ &.#{$state-prefix $state} {
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 167:5 when()

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.