Leo Code

主页 > 前端 > vue-cli3 使用extend遇到错误

vue-cli3 使用extend遇到错误

vue-cli3 使用extend遇到错误,具体报错内容:

[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.


大意是使用render方法代替template属性,template属性已经不被支持。参照app的渲染方法修改一下就搞定了。


报错的代码:

let ErrorDialog = Vue.extend({
  template: '<div>测试</div>'
})
let errorDialog = new ErrorDialog()
let errorMount = errorDialog.$mount()
window.document.body.appendChild(errorMount.$el)


修改后的代码:

import test from './components/test'

let ErrorDialog = Vue.extend({
  render: h => h(test)
})
let errorDialog = new ErrorDialog()
let errorMount = errorDialog.$mount()
window.document.body.appendChild(errorMount.$el)