После обновления до Angular 6 - CssSyntaxError:

Question

У меня есть приложение angular 5, которое я обновляю до angular 6.

После прохождения всех этапов обновления для update.angular.io во время компиляции у меня осталась следующая ошибка.

Он ссылается на мой файл styles.scss и путь к глификонам.Кажется странной проблемой после угловых обновлений.Есть ли путь, который пропустил угловой процесс обновления?

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss- 
loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: C:\Users\Markku\Documents\GitHub\crds-wayfinder\node_modules\bootstrap-sass\assets\stylesheets\bootstrap\_glyphicons
.scss:14:9: Can't resolve 'twbs-font-path(%22bootstrap/glyphicons-halflings-regular.eot%22' in 'C:\Users\Markku\Documents\GitHub\crds-wayfinder\src'

12 |   @font-face {
13 |     font-family: 'Glyphicons Halflings';
> 14 |     src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
 |         ^
15 |     src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('
embedded-opentype'),
16 |          url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff2'), '#{$icon-font-path}#{$icon-font-name}.woff2')) format('woff2'),

Я попытался удалить все модули узла и переустановить.Хо, помогите.Идеи?

Answer 1

Я обнаружил, что мне кажется, что это скорее обходной путь, чем отличное решение.Я добавил следующее в начало моего файла styles.scss.

$bootstrap-sass-asset-helper: false;
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
$icon-font-name: "glyphicons-halflings-regular";

Answer 2

Вы изменили свой файл angular.json, чтобы отразить и использовать SCSS?

Добавьте эту строку и посмотрите, сохраняется ли проблема.

"defaults": {
  "styleExt": "scss",
  "component": {
  }
}

Также убедитесь, что у вас установлена ​​node-sass.