"An error occurred trying to load the resource" error for minified styles.css with Bootstrap on Netlify

Support
1

Hello, I’m working on a simple website that has couple of html files, with bootstrap installed by npm packages. I’ve imported into my sass file and compiled locally to dist/styles.css. I’m importing that compiled file in the html. I think it’s this very file that Netlify is having an error from loading. I supposed that it was too large, so I changed my imports to these, in addition to my custom sass styles, and compiled a minified css:

@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/alert";
@import "../node_modules/bootstrap/scss/code";
@import "../node_modules/bootstrap/scss/grid";
@import "../node_modules/bootstrap/scss/nav";
@import "../node_modules/bootstrap/scss/navbar";
@import "../node_modules/bootstrap/scss/close";
@import "../node_modules/bootstrap/scss/utilities";
@import "../node_modules/bootstrap/scss/transitions";

I think the problem still persists, so I’m not sure what I need to do.

This is my website:
https://condescending-hopper-35523e.netlify.app

Screen Shot 2020-06-15 at 1.22.23 PM
Screen Shot 2020-06-15 at 1.22.23 PM2322×2040 441 KB

2

hmm, i think i would recommend as a first step that you download the site we are generating, so you can see what we are actually building vs. what you think we should be building. It might be a paths issue. here’s how:

3

Thanks, that helped me solve the issue. Found out that I was ignoring the /dist folder in auto generated .gitignore

I appreciate the quick help.

1 Like
4

ahh!! classic. :exploding_head: glad its working now!