Schematic creates import with tilde (~) path by default

[janopae]

The first thing I encountered after installing ng-bootstrap was the following error:

./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
4 │ @import '~bootstrap/scss/bootstrap';
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/styles.scss 4:1  root stylesheet

After searching about this on the Internet I found that Angular seems to have stopped supporting tilde paths: angular/components@f2ff9e3

According to https://webpack.js.org/loaders/sass-loader/#resolving-import-at-rules, you can just remove the tilde, and it will still work. I removed the tilde in my project, and it works now.

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 15.0.4

ng-bootstrap: 14.0.0

Bootstrap: 5.2.3

[maxokorokov]

Thanks for reporting this, will be fixed with 14.0.1