遵循文檔以使用彈性 ui 自定義主題時遇到問題

Question

當我想自定義主題時，這會失敗。 有誰知道如何解決這個問題？

我的項目 Github 鏈接在這里。

Failed to compile.

./src/themes/light/index.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/themes/light/index.scss)
SassError: no mixin named euiScreenReaderOnly
        on line 3 of node_modules/@elastic/eui/src/components/accessibility/_screen_reader.scss
        from line 1 of node_modules/@elastic/eui/src/components/accessibility/_index.scss
        from line 4 of node_modules/@elastic/eui/src/components/index.scss
        from line 7 of /Users/austin/Documents/sideproject/eui-layout/src/themes/light/index.scss
>>   @include euiScreenReaderOnly;

   -----------^

Answer 1

訂單需要正確，不要進入功能

錯誤的@import '../../../node_modules/@elastic/eui/src/global_styling/functions /index';

對 @import '../../../node_modules/@elastic/eui/src/global_styling/index.scss';

@import './color.scss';

$euiSize: 14px;
// Global styling
@import '../../../node_modules/@elastic/eui/src/global_styling/index.scss';

@import '../../../node_modules/@elastic/eui/src/components/index.scss'