當我運行npm start時，我在我的react應用中面臨這個錯誤。我使用node：v14.17.6 & npm：6.14.9
編譯失敗。
./src/index.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1! ./node_modules/postcss-loader/src??postcss! /node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/index.scss)
SassError: 復合選擇器可能不再被擴展。
可以考慮用@extend .dropdown-item, .active代替。
詳情見https://sass-lang.com/documentation/at-rules/extend#disallowed-selectors。
? 16 │ @extend .dropdown-item.active; │ ^^^^^^^^^^^^^^^^^^^^^ ? srcassetsscssootstrap_typeaheadjs.scss 16:13根樣式表
。這就是_typeaheadjs.scss的內容
。span.twitter typeahead {
width: 100%。
.tt-menu {
@extend .dropdown-menu;
width: 100%。
}
.tt-suggestion {
@extend .dropdown-item;
font-size: 14px;
.tt-suggestion.tt-cursor {
@extend .dropdown-item.active。
}
.input-group & {
display: flex !important;
align-items: center;
position: relative;
flex: 1 1 auto;
width: 1%;
.tt-選單, .tt-提示, .tt-輸入{
width: 100%。
}
}
uj5u.com熱心網友回復：
@extend的定義說，與擴展器相匹配的元素將被樣式化，就像它們與.message.info相匹配。這和同時匹配.message和.info是一樣的，所以寫成這樣而不是@extend .message, .info沒有任何好處。
.tt-suggestion.tt-cursor {
@extend.dropdown-item, active;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/331041.html
標籤：