title: Which file loader is needed and how to configure it in Nuxt?
body: <p>I am new to Nuxt and I the following error I can't seem to solve. What kind of loaders is needed for this file type and where and how do you configure it in Nuxt?</p>
  
  <pre><code>&gt; Module parse failed: Unexpected token (4:212)                         
  &gt; friendly-errors 14:15:59 You may need an appropriate loader to handle
  &gt; this file type, currently, no loaders are configured to process this
  &gt; file. See https://webpack.js.org/concepts#loaders | export default
  &gt; function define(runtime, observer) { |   const main =
  &gt; runtime.module();
  &gt; &gt;   const fileAttachments = new Map([["portrait_reduced.jpg",new URL("./files/a65c8bd3d98eb3773d1410b4a23de730ab4eebfccaf1b4717e1ac05598c39e2532985c5601726d137c688ea17ff2c30461a0e1e10d4e634c83b81ecb0f368fcb",import.meta.url)]]);
  &gt; |   main.builtin("FileAttachment", runtime.fileAttachments(name =&gt;
  &gt; fileAttachments.get(name))); |  
  &gt; main.variable(observer()).define(["md"], function(md){return(
  &gt;                                                                                                         friendly-errors 14:15:59  @
  &gt; ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&amp;type=script&amp;lang=js&amp;
  &gt; 25:0-54 28:26-32  @ ./pages/index.vue?vue&amp;type=script&amp;lang=js&amp;  @
  &gt; ./pages/index.vue  @ ./.nuxt/router.js  @ ./.nuxt/index.js  @
  &gt; ./.nuxt/client.js  @ multi eventsource-polyfill
  &gt; webpack-hot-middleware/client?reload=true&amp;timeout=30000&amp;ansiColors=&amp;overlayStyles=&amp;name=client&amp;path=/__webpack_hmr/client
  &gt; ./.nuxt/client.js
  </code></pre>