Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

there is an error under ie11 #33

Open
wzfjesun opened this issue May 21, 2019 · 4 comments
Open

there is an error under ie11 #33

wzfjesun opened this issue May 21, 2019 · 4 comments
Labels

Comments

@wzfjesun
Copy link

I installed babel-polyfill ,but there is still the error.
image

image

@scottasmith
Copy link

scottasmith commented Sep 19, 2019

The actual .js file includes back-ticks in latest version and IE 11 breaks.
This would not be transpiled by babel because its a .js file hence copying the contents to the output as is (es6+ compliant).

@asvae asvae added the bug label Sep 19, 2019
@ymmooot
Copy link

ymmooot commented Dec 14, 2019

Exported scripts as default are not transpiled with babel.
You have to import from 'epic-spinners/dist/lib/epic-spinners.min.js'.
It is transpiled and you can use it in old browsers.

@devotoare
Copy link

Exported scripts as default are not transpiled with babel.
You have to import from 'epic-spinners/dist/lib/epic-spinners.min.js'.
It is transpiled and you can use it in old browsers.

This does not exist when installing the package, and neither does build/build-lib.js so we cannot build the dist.

@andrewguest
Copy link

I just ran into this exact issue and I was about to completely remove epic-spinners, but @ymmooot's instructions worked!

I replaced my previous code:

<script>  
  import { CirclesToRhombusesSpinner } from 'epic-spinners'

  export default {
    components: {
      CirclesToRhombusesSpinner
    }
  }
</script>

With:

<script>
  import 'epic-spinners/dist/lib/epic-spinners.min.css'
  import { CirclesToRhombusesSpinner } from 'epic-spinners/dist/lib/epic-spinners.min.js'
  
  export default {
    components: {
      CirclesToRhombusesSpinner
    }
  }
</script>

Now all of my components are working as expected on IE11.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

6 participants