Не удалось найти 'функцию scss error в угловом приложении

Question

Я создал совершенно новое приложение angular 7 и установил его с помощью scss.После сборки приложения я получаю следующую ошибку

Мой класс style.scss имеет следующий импорт

@import '../node_modules/bootstrap/scss/bootstrap.scss';

Я также вижу файлы функций в папке начальной загрузкииз node_modules

ОШИБКА в ./src/styles.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js! ./ node_modules / postcss-loader / src ?? внедрен! ./ src / styles.css) Сборка модуля не удалась (из ./node_modules/postcss-loader/src/index.js): Ошибка: не удалось найти'functions' в [C: \ Development \ 360-manager \ src \ WebUI2_0 \ manager-ui \ node_modules \ bootstrap \ scss] в resolModule.catch.catch (C: \ Development \ 360-manager \ src \ WebUI2_0 \ manager-ui \ node_modules \ postcss-import \ lib \ resol-id.js: 35: 13)

Answer 1

Получил эту ошибку, когда мой проект был настроен на использование CSS.Попробуйте сначала изменить его на scss.Как можно найти здесь

Answer 2

Используйте @import "~ bootstrap / scss / bootstrap".См .: https://webpack.js.org/loaders/sass-loader

Control @import usrl разрешает данный URL во время выполнения.Чтобы импортировать стили из пути узла_модуля, добавьте к нему префикс ~.Поэтому @import "~ bootstrap / scss / bootstrap" импортирует все из папки: node_modules / bootstrap / scss / bootstrap