Sass не удалось импортировать с помощью «~» из папки node_modules. ⇐ CSS

[Anonymous]

Я использую Angular 6 для разработки одностраничного веб-приложения,
и я добавил в свой проект следующую библиотеку ngx-toast.

когда я добавил в свой проект следующий Sass и использовал «~» вместо относительного пути, библиотеки не удалось загрузить:

Код: Выделить всё

   // regular style toast
@import '~ngx-toastr/toastr.css';

// bootstrap style toast
// or import a bootstrap 4 alert styled design (SASS ONLY)
// should be after your bootstrap imports, it uses bs4 variables, mixins, functions
@import '~ngx-toastr/toastr-bs4-alert';

// if you'd like to use it without importing all of bootstrap it requires
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';
@import '~ngx-toastr/toastr-bs4-alert';

но это работает, когда я использую относительный путь:

Код: Выделить всё

// regular style toast
@import '../../node_modules/ngx-toastr/toastr.css';

// bootstrap style toast
// or import a bootstrap 4 alert styled design (SASS ONLY)
// should be after your bootstrap imports, it uses bs4 variables, mixins, functions
@import '../../node_modules/ngx-toastr/toastr-bs4-alert';

// if you'd like to use it without importing all of bootstrap it requires
@import '../../node_modules/bootstrap/scss/functions';
@import'../../node_modules/bootstrap/scss/variables';
@import '../../node_modules/bootstrap/scss/mixins';
@import '../../node_modules/ngx-toastr/toastr-bs4-alert';

мои модули компонентов

Код: Выделить всё

   @Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})

конечно, я могу оставить все как есть или просто загрузить настоящий CSS из руководства, но меня беспокоит то, что его не удается импортировать, поскольку он должен работать.

есть ли решения?

Подробнее здесь: https://stackoverflow.com/questions/530 ... les-folder