Refused to execute script from because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled

Just edit webpack config by editing this:

    devServer: {
                 historyApiFallback: true
               }

And also add this to public/index.html:

     <base href="/" />

This should do the trick..

Your webpack config is malformed. So your devServer is returning the fallback html file instead of the bundle.

Hence why the script is served with the ('text/html') MIME type.

devServer: {
    historyApiFallback:{
      index:'/dist/index.html'
    },
  }

You probably meant something like this:

devServer: {
  historyApiFallback: true
}

https://webpack.js.org/configuration/dev-server/

Maybe you are pointing incorrectly

<script src="utils.js"></script>        // NOT ok. Refused to execute script..MIME

<script src="js/utils.js"></script>    // OK

Related