I can't link my bootstrap file I will face this error on my console the error is “MIME type ('text/html') is not a supported”?

1

This is my file path!

Annotation 2020-07-24 100305
Annotation 2020-07-24 1003051483×610 57.8 KB

Here is my error that I will face.

Annotation 2020-07-24 093918
Annotation 2020-07-24 0939181917×398 42.2 KB

2

Make sure you have bootstrap as dependency in package.json. If so try codes below.

Change href value to like this,

'bootstrap/dist/css/bootstrap.min.css'
  • Import this like into your js file such, (first remove bootstrap link from .css file)
import 'bootstrap/dist/css/bootstrap.min.css';
or,
import 'bootstrap/dist/css/bootstrap.css';

if none of these work, use CDN. (works all the time).

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">