How to get rid of rendering problem?

Question

Vue.js

I get an error

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

I am using vue-cli. As I understand it, he swears at this code

let tabs = [
        {
            name: "spending",
            label: "Расходы",
            component: {
                template: `<div>
                    <div>{{ account.spending.month }} за месяц</div>
                    <div>{{ account.spending.weekend }} за неделю</div>
                    <div>{{ account.spending.today }} за день</div>
                    </div>`
            }
        },
        {
            name: "income",
            label: "Доходы",
            component: {
                template: `
                <div>
                    <div>{{ account.income.month }} за месяц</div>
                    <div>{{ account.income.weekend }} за неделю</div>
                    <div>{{ account.income.today }} за день</div>
                </div>`
            }
        }
    ];

How can I get rid of this error? If you take the sandbox
, then there is no this error, but simply the data is not displayed

Answer 1

You are told that you are using a build where the template compiler is not available. Either pre-compile functions to render, or use a build with a compiler.
By default runtimeCompiler is set to false . Try enabling it in the config (vue.config.js).

module.exports = {
  runtimeCompiler: true
}

https://cli.vuejs.org/config/#runtimecompiler

Answer 2

Everything is written there. The Vue repository has a list of versions. You need Full and not runtime-only.