Static GitHub Issues

[3193] Nuxt's default webpack config does not handle .vue extension imports inside pages

prev: this.addLayout of module not possible to set error layout
next: Automatic handling, simplified handling or more explicit docs for handling ssr-issues with community components

When I import a .vue file inside a page, it fails to resolve unless I specify the extension. For example, this will fail to load:

<script>
import MagnifyIcon from "vue-material-design-icons/magnify"

export default {
  ...
}
</script>

And this will succeed:

<script>
import MagnifyIcon from "vue-material-design-icons/magnify.vue"

export default {
  ...
}
</script>
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c6849">#c6849</a>)</em></sub></div>