Meituan-Dianping/mpvue · error

Error compiling template:\n\n

Error message

Error compiling template:\n\n${template}\n\n${compiled.errors.map(e => `- ${e}`).join('\n')}\n

What it means

Dev-mode warning from compileToFunctions in to-function.js: the runtime template compiler ran compile() on the template string and collected errors in compiled.errors. Vue logs the whole template plus an itemized error list; the resulting render function may be broken or missing, so this marks a template syntax/semantic failure at compile time, not runtime.

Solutions

1. Fix the template syntax errors listed after the template in the warning
2. If the template comes from the DOM, check casing/closing-tag mangling by the HTML parser
3. Move the component to an SFC with vue-loader to compile at build time where errors surface earlier

When it happens

Trigger: Thrown at src/compiler/to-function.js:64 when the library encounters an invalid state.

Common situations: See trigger scenarios.

AI-assisted analysis of Meituan-Dianping/mpvue@6c5d78ee04 (2026-09-02). Data as JSON: /api/errors/769ccb738d13017c. Report an issue: GitHub.

Appendix: source

Thrown at src/compiler/to-function.js:64

        }
      }
    }

    // check cache
    const key = options.delimiters
      ? String(options.delimiters) + template
      : template
    if (cache[key]) {
      return cache[key]
    }

    // compile
    const compiled = compile(template, options)

    // check compilation errors/tips
    if (process.env.NODE_ENV !== 'production') {
      if (compiled.errors && compiled.errors.length) {
        warn(
          `Error compiling template:\n\n${template}\n\n` +
          compiled.errors.map(e => `- ${e}`).join('\n') + '\n',
          vm
        )
      }
      if (compiled.tips && compiled.tips.length) {
        compiled.tips.forEach(msg => tip(msg, vm))
      }
    }

    // turn code into functions
    const res = {}
    const fnGenErrors = []
    res.render = createFunction(compiled.render, fnGenErrors)
    res.staticRenderFns = compiled.staticRenderFns.map(code => {
      return createFunction(code, fnGenErrors)
    })

View on GitHub (pinned to 6c5d78ee04)