如何從導入的 SCSS 擴展 class？

Question

共享.scss：

.gridContainer {
    display: grid;
    background-color: #efefef;
}

我的組件.scss

@import url("../../../shared.scss");
.contentWrapper {
   @extend .gridContainer
}

從 angular 組件 scss(my-component.scss) 擴展到.gridContainer時，出現此錯誤。 這里的導入很好。 可以這樣延長嗎？ 如果不是，如何從 shared.scss 訪問 class 或變量？

錯誤模塊構建失敗（來自./node_modules/sass-loader/dist/cjs.js）：SassError：找不到目標選擇器。 使用@extend.gridContainer !optional來避免這個錯誤。`

Answer 1

我認為導入語句不正確。 嘗試@import 'shared.scss'

與https://stackoverflow.com/a/51480665/271012類似的問題