Failed to resolve 'node_modules/bootstrap/scss/bootstrap'

Question

During Parcel compilation, this error occurs:

@parcel/core: Failed to resolve '../node_modules/bootstrap/scss/bootstrap'

My app.css file:

@import '../node_modules/bootstrap/scss/bootstrap.scss';
@import './styles/style.scss';
@import './styles/plugins/plugins.scss';
@import './styles/plugins/plugins.css';
@import './styles/loader.scss';
@import './styles/custom.css';

Why is Parcel not recognizing the correct bootstrap SCSS?

Answer 1

I can't explain why this works, but creating a separate file fixes the problem:

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

Then in bootstrap.scss:

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