title: Nuxt: Unexpected token <
body: <p><a href="https://i.stack.imgur.com/MbM9f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MbM9f.png" alt="Nuxt: Unexpected token &lt; "></a></p>
  
  <p>I am working on a nuxt project, and I'm trying to build a map component using google maps and the plugin <a href="https://www.npmjs.com/package/vue2-google-maps" rel="nofollow noreferrer">https://www.npmjs.com/package/vue2-google-maps</a>. I have installed the plugin using npm</p>
  
  <p>In my index.html page I have a normally working page that looks like:</p>
  
  <pre><code>&lt;template&gt;
     &lt;div&gt;
  
  &lt;br&gt;
  &lt;br&gt;
         &lt;Card/&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;br&gt;
         &lt;!-- &lt;Googlemap/&gt; --&gt;
         &lt;Panel/&gt;
         &lt;Four/&gt;
         &lt;/div&gt; 
  &lt;/template&gt;
  
  &lt;script&gt;
  
  import Panel from '~/components/panel.vue'
  import Card from '~/components/detailCard.vue'
  // import GoogleMap from '~/components/googleMap.vue'
  
  
  export default {
  
    components: {
  
      Panel,
      Card,
  //     GoogleMap
    }
  
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>When I Uncomment the 3 lines with Googlemap in them I get the error in the screenshot .</p>
  
  <p>The Googlemap component is:</p>
  
  <pre><code>&lt;template&gt;
    &lt;GmapMap
    :center="{lat:10, lng:10}"
    :zoom="7"
    map-type-id="terrain"
    style="width: 500px; height: 300px"
  &gt;
    &lt;GmapMarker
      :key="index"
      v-for="(m, index) in markers"
      :position="m.position"
      :clickable="true"
      :draggable="true"
      @click="center=m.position"
    /&gt;
  &lt;/GmapMap&gt;
  
  &lt;/template&gt;
  
  
  &lt;script&gt;
  import Vue from "vue";
  import * as VueGoogleMaps from "vue2-google-maps";
  
  Vue.use(VueGoogleMaps, {
    load: {
      key: "MYTOKEN",
      libraries: "places"
    }
  });
  
  export default {
  
  }
  
  &lt;/script&gt;
  
  
  &lt;style&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p>edit:</p>
  
  <p><a href="https://i.stack.imgur.com/EeLKF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EeLKF.png" alt="enter image description here"></a></p>