关于vue编译版本引入的问题

今天启动vue遇到了一个错误

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

根据错误提示和搜索知之后得出结论：是项目引入的vue编译版本不对导致的

解决方法1

找到build/webpack.base.conf.js 并设置vue的alias别名，如下：

resolve: {
  alias: {
    vue: 'vue/dist/vue.esm.js'
  }
}

解决方法2

打开src/main.js修改Vue对象初始化

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

修改为

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

原因是，使用template属性，需要引入带编译器的完整版的vue.esm.js

参考：关于vue编译版本引入的问题