-
-
Notifications
You must be signed in to change notification settings - Fork 6.3k
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
dart-sass does not support /deep/ selector #3399
Comments
If there is a workaround, please update the document of |
|
Yes, use |
npm uninstall sass --save |
|
* 마우스로 슬라이드 내부의 텍스트 선택 안 되는 것 수정 * 원인: react-slick이 각 슬라이드의 user-select를 none으로 만들었음 * 슬라이드 내부에 버튼 같은 거 있을 때 클릭 안 되는 문제 수정 * 원인: react-slick은 슬라이드들의 opacity만 바꾸는 식으로 동작하기 때문에 마우스 이벤트가 특정 슬라이드에만 계속 먹음 * 기타 * .scoped.scss 안에서 .slick-slider 등의 global class를 사용하기 위해 ::v-deep 사용 * react-scoped-css 제작자 권장은 `/deep/` 또는 `>>>`이나, 두 문법은 dart-sass에서 지원이 안 됨 (옛날 버전인 node-sass만 지원) * Vue에서는 같은 문제를 겪고 자체적으로 ::v-deep을 추가했는데, (<vuejs/vue-cli#3399 (comment)>) react-scoped-css도 내부적으로 Vue 컴파일러를 가져다가 쓰기 때문에 이 문법이 작동함
* 마우스로 슬라이드 내부의 텍스트 선택 안 되는 것 수정 * 원인: react-slick이 각 슬라이드의 user-select를 none으로 만들었음 * 슬라이드 내부에 버튼 같은 거 있을 때 클릭 안 되는 문제 수정 * 원인: react-slick은 슬라이드들의 opacity만 바꾸는 식으로 동작하기 때문에 마우스 이벤트가 특정 슬라이드에만 계속 먹음 * 기타 * .scoped.scss 안에서 .slick-slider 등의 global class를 사용하기 위해 ::v-deep 사용 * react-scoped-css 제작자 권장은 `/deep/` 또는 `>>>`이나, 두 문법은 sass(= dart-sass)에서 지원이 안 됨 (옛날 버전인 node-sass만 지원) * Vue에서는 같은 문제를 겪고 자체적으로 ::v-deep을 추가했는데, (<vuejs/vue-cli#3399 (comment)>) react-scoped-css도 내부적으로 Vue 컴파일러를 가져다가 쓰기 때문에 이 문법이 작동함
* 마우스로 슬라이드 내부의 텍스트 선택 안 되는 것 수정 * 원인: react-slick이 각 슬라이드의 user-select를 none으로 만들었음 * 슬라이드 내부에 버튼 같은 거 있을 때 클릭 안 되는 문제 수정 * 원인: react-slick은 슬라이드들의 opacity만 바꾸는 식으로 동작하기 때문에 마우스 이벤트가 특정 슬라이드에만 계속 먹음 * 기타 * .scoped.scss 안에서 .slick-slider 등의 global class를 사용하기 위해 ::v-deep 사용 * react-scoped-css 제작자 권장은 `/deep/` 또는 `>>>`이나, 두 문법은 sass(= dart-sass)에서 지원이 안 됨 (옛날 버전인 node-sass만 지원) * Vue에서는 같은 문제를 겪고 자체적으로 ::v-deep을 추가했는데, (<vuejs/vue-cli#3399 (comment)>) react-scoped-css도 내부적으로 Vue 컴파일러를 가져다가 쓰기 때문에 이 문법이 작동함
* 마우스로 슬라이드 내부의 텍스트 선택 안 되는 것 수정 * 원인: react-slick이 각 슬라이드의 user-select를 none으로 만들었음 * 슬라이드 내부에 버튼 같은 거 있을 때 클릭 안 되는 문제 수정 * 원인: react-slick은 슬라이드들의 opacity만 바꾸는 식으로 동작하기 때문에 마우스 이벤트가 특정 슬라이드에만 계속 먹음 * 기타 * .scoped.scss 안에서 .slick-slider 등의 global class를 사용하기 위해 ::v-deep 사용 * react-scoped-css 제작자 권장은 `/deep/` 또는 `>>>`이나, 두 문법은 sass(= dart-sass)에서 지원이 안 됨 (옛날 버전인 node-sass만 지원) * Vue에서는 같은 문제를 겪고 자체적으로 ::v-deep을 추가했는데, (<vuejs/vue-cli#3399 (comment)>) react-scoped-css도 내부적으로 Vue 컴파일러를 가져다가 쓰기 때문에 이 문법이 작동함
* 마우스로 슬라이드 내부의 텍스트 선택 안 되는 것 수정 * 원인: react-slick이 각 슬라이드의 user-select를 none으로 만들었음 * 슬라이드 내부에 버튼 같은 거 있을 때 클릭 안 되는 문제 수정 * 원인: react-slick은 슬라이드들의 opacity만 바꾸는 식으로 동작하기 때문에 마우스 이벤트가 특정 슬라이드에만 계속 먹음 * 기타 * .scoped.scss 안에서 .slick-slider 등의 global class를 사용하기 위해 ::v-deep 사용 * react-scoped-css 제작자 권장은 `/deep/` 또는 `>>>`이나, 두 문법은 sass(= dart-sass)에서 지원이 안 됨 (옛날 버전인 node-sass만 지원) * Vue에서는 같은 문제를 겪고 자체적으로 ::v-deep을 추가했는데, (<vuejs/vue-cli#3399 (comment)>) react-scoped-css도 내부적으로 Vue 컴파일러를 가져다가 쓰기 때문에 이 문법이 작동함
* 마우스로 슬라이드 내부의 텍스트 선택 안 되는 것 수정 * 원인: react-slick이 각 슬라이드의 user-select를 none으로 만들었음 * 슬라이드 내부에 버튼 같은 거 있을 때 클릭 안 되는 문제 수정 * 원인: react-slick은 슬라이드들의 opacity만 바꾸는 식으로 동작하기 때문에 마우스 이벤트가 특정 슬라이드에만 계속 먹음 * 기타 * .scoped.scss 안에서 .slick-slider 등의 global class를 사용하기 위해 ::v-deep 사용 * react-scoped-css 제작자 권장은 `/deep/` 또는 `>>>`이나, 두 문법은 sass(= dart-sass)에서 지원이 안 됨 (옛날 버전인 node-sass만 지원) * Vue에서는 같은 문제를 겪고 자체적으로 ::v-deep을 추가했는데, (<vuejs/vue-cli#3399 (comment)>) react-scoped-css도 내부적으로 Vue 컴파일러를 가져다가 쓰기 때문에 이 문법이 작동함
|
Version
3.4.0
Reproduction link
https://github.com/lianzhao/vuecli-3.4
Environment info
Steps to reproduce
What is expected?
Can use
/deep/
selector in sass/scss as whennode-sass
was used.What is actually happening?
build failed
If I use
>>>
instead of/deep/
,npm run serve
can run successfully, but the style was not correctPlease refert to sass/dart-sass#154
The text was updated successfully, but these errors were encountered: