Bootstrap CSS not found (Windows) about pro-mern-stack HOT 4 OPEN

The bootstrap files are supposed to come from the static directory. I don't see a static directory in your repo. Also, ensure that you soft-link (or copy, if you are using windows) the bootstrap directory from node_modules/bootstrap/dist as described in Chapter 10, page 208, just before listing 10-1.

from pro-mern-stack.

In chapter 10 you mentioned that windows users should copy the entire dist directory into the static directory. So I had a subdirectory named dist inside of static copied from the bootstrap folder in node_modules https://github.com/edward-hong/pro-mern-stack/tree/master/static/dist. In the gitignore file I had listed the file to ignore any folder named dist to exclude my compiled code. But this excluded the dist file I copied as well. That is why originally you couldn't see the static folder in my git repo because it had been excluded. But this has been fixed.

from pro-mern-stack.

Your error is typical of the bootstrap.min.css file not being found under expected path. When any route is not resolved, we return a Page Not Found HTML and that is why you are seeing the HTML "template" instead of the CSS.

Your static directory should look like this:

static
  bootstrap
    css
      bootstrap.min.css
      bootstrap.css
      ...
    js
      ...

The instructions missed out the fact that the dist directory has to be copied as bootstrap, not dist itself. Please rename your directory to bootstrap and things should work.

from pro-mern-stack.

Thank you! Everything is working as expected once I renamed the folder dist to bootstrap

from pro-mern-stack.