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

':color="#bada55"' as the example break the build with unpkg. #89

Open
hetica opened this issue Apr 15, 2021 · 1 comment
Open

':color="#bada55"' as the example break the build with unpkg. #89

hetica opened this issue Apr 15, 2021 · 1 comment

Comments

@hetica
Copy link

hetica commented Apr 15, 2021

I want to test spinners, but when I copy/paste code as example, using unpkg, vue can't compile due tu color (I trie it with ring-loader).
Here Vue report :

[Vue warn]: Error compiling template:
invalid expression: private fields are not currently supported in
    #bada55
  Raw expression: :color="#bada55"

1  |  <div id="app">
2  |      <ring-loader class="spinner" :color="#bada55" :loading="loading" :size="130"></ring-loader>
   |                                   ^^^^^^^^^^^^^^^^
3  |      <button v-on:click="showSpinLoader()">Load eavy stuff</button>
4  |      <div id="data" v-show="showData">

(found in <Root>)

sizeUnit="px" also doesn't work, but vue can compile.

@sargentogato
Copy link

sargentogato commented Aug 22, 2021

If you check the syntax in color you forgot the single quote :color=" '#number' ". If you don`t want to use both quotes (single and double) you can try color:"#number"

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

No branches or pull requests

2 participants