Not working with runtime-only build

[panstromek]

When using this in new Quasar, nothing renders and dev server throws

`[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

found in

---> <VueCircle> ...`

I found out more packages have this issue and that it should be configured on package level. Package should pre-compile templates before shipping (otherwise I would need to use build with compiler, which is bigger and not good practice). I would submit a PR but I am not sure how to configure it, since I never wrote any Vue plugin.

[skinnyjames]

Hi @panstromek!

Thanks for the issue,

Can you try using the precompile branch, specifically this file?

[panstromek]

We ended up copying and customizing the source directly because we needed some more features. When we settle everything I will submit PR ;)

[BerniWittmann]

Hi@skinnyjames,

I tried using the file from the precompile branch, but also showed the warning regarding the runtime-only build. Just as a FYI

[raLaaaa]

Same for me, a fix would be much appreciated!

[skinnyjames]

Hi all,

Are you sure you all are using the dist/vue-circle-progress.js in the precompile branch? https://github.com/vrajroham/vue-circle-progress/blob/precompile/dist/vue-circle-progress.js

I'm confused because in the source there is no html and a render function.

[Tropicalista]

Same error here!!!

[ventralnet]

One way around this is to import the single file vue component from the source of this package

import VueCircle from 'vue2-circle-progress/src/index.vue'

In this case the render function will be created by vue-loader

[wrabit]

+1

[Pijuli]

Still happening. And is breaking jest tests too... T_T Any news on this? Ended up copying the file locally as @panstromek said

[garchomp-game]

Add the following code to webpack if you are using vue

    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    },

If you are using nuxt.js, add an alias to the build in nuxt.config.js.

    build: {
        extend(config) {
            config.resolve.alias['vue'] = 'vue/dist/vue.common'
        }
    }

[justice47]

One way around this is to import the single file vue component from the source of this package

import VueCircle from 'vue2-circle-progress/src/index.vue'

In this case the render function will be created by vue-loader

Why this isn't in the docs?