Refused to apply style from ” because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled

by

The usual reason for this error message is that when the browser tries to load that resource, the server returns an HTML page instead, for example if your router catches unknown paths and displays a default page without a 404 error. Of course that means the path does not return the expected CSS file / image / icon / whatever.

To make sure you are in that case, copy the path and try to access it directly in a new browser window or tab. You will see what your server sends.

The solution is to find the correct path and router configuration so that you get your plain CSS file / image / etc. when accessing that path.

The exact path and router configuration depends on how you have setup your project and the framework you are using.

More Related Contents:

  1. How to deploy Laravel/Lumen Framework to the production server [closed]
  2. how to make a maximum 1MB upload image?
  3. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  4. Vue Router return 404 when revisit to the url
  5. How to import and use image in a Vue single file component?
  6. How to make a dynamic import in Nuxt?
  7. this.$auth.loggedIn returning false
  8. VueJS access child component’s data from parent
  9. use axios globally in all my components vue
  10. What’s the real difference between target: ‘static’ and target: ‘server’ in Nuxt 2.14 universal mode?
  11. Vuex Action vs Mutations
  12. Vue.js – How to remove hashbang #! from url?
  13. Vue – how to pass down slots inside wrapper component?
  14. TypeError: this.getOptions is not a function
  15. Vue.js change {{ }} tags
  16. How to install vuetify 2.0 beta to the new vue cli project?
  17. Pass data from child to parent in Vuejs (is it so complicated?)
  18. Vue.js—Difference between v-model and v-bind
  19. What is nextTick and what does it do in Vue.js?
  20. “export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
  21. Difference between v-model and v-bind on Vue.js?
  22. vuetify icon not showing
  23. Vue 3: Is getCurrentInstance() deprecated?
  24. How to make dynamic routes on the vue router?
  25. How to access Vuex module getters and mutations?
  26. Can we make vue.js application without .vue extension component and webpack?
  27. How can I share data between non parent-child components in Vue
  28. Uncaught Error: [vue-composition-api] must call Vue.use(plugin) before using any function
  29. Passing props to Vue.js components instantiated by Vue-router
  30. Vuejs: Event on route change

Leave a Comment