Vue and dynamic run-time compiled templates

Posted on February 9, 2020

If you want to allow a Vue app compiles at run-time a given Vue template and you get this issue:

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.

after trying something like:

  <div id="app">
    <component :is="mysrc"></component>


export default {

Here the solution, thanks to this article, to be put in vue.config.js:

module.exports = {
    runtimeCompiler: true