search

vuetifyjs / nuxt

Nuxt.js + Vuetify.js starter project template.
MIT License
306 stars 109 forks source link

[Bug Report] Vuetify not working with Nuxt 2.0 #80

Closed chandrucrm closed 5 years ago

chandrucrm commented 5 years ago

Versions and Environment

Vuetify: 1.3.7 Vue: 2.5.17 Browsers: Internet Explorer OS: Windows 10

Steps to reproduce

  1. git clone https://github.com/ChandruCR/nuxt-vueitfy-ie
  2. yarn
  3. yarn dev
  4. open http://localhost:3000 in IE

Expected Behavior

It should load the sample page created in nuxt

Actual Behavior

It should load the page like how it loads in other browsers but it doesn't

Reproduction Link

https://github.com/ChandruCR/nuxt-vueitfy-ie

Other comments

This is a nuxt project created using the command yarn create nuxt-app . I used vuetify as the styling UI framework while creating it. It works fine on other browsers except for IE.

I know it's a polyfill issue. I think Nuxt 2.0 and above automatically adds polyfill to the setup.

I raised an issue in Nuxt github page as i thought it was an issue with Nuxt. https://github.com/nuxt/nuxt.js/issues/4326

But i got a response saying it's an issue with Vuetify.

How do i get Vuetify working on Nuxt 2.0 and above application for IE browser?

chandrucrm commented 5 years ago

Including polyfill directly to nuxt config solved this issue.

    script: [
      {
        src: "https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.js"
      },
      {
        src: "https://cdnjs.cloudflare.com/ajax/libs/event-source-polyfill/0.0.9/eventsource.js"
      }
    ]