使用vue-cli工具创建项目

在升级脚手架到vue-cli3.0版本的时候出现了这个报错：

我在这里大概说一下出现这个报错的原因在哪里和解决办法

原因
vue有两种形式的代码 compiler（模板）模式和runtime模式（运行时），vue模块的package.json的main字段默认为runtime模式， 指向了"dist/vue.runtime.common.js"位置。

这是vue升级到2.0之后就有的特点。

而我的app.vue文件中，初始化vue却是这么写的，这种形式为compiler模式的，所以就会出现上面的错误信息

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

解决办法
将app.vue中的代码修改如下就可以

//runtime

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app")

到这里我们的问题还没完，那为什么之前是没问题的，之前vue版本也是2.x的呀？

原作者文章中还有两种解决办法，请阅读原文章查看：

作者：LeonWuV
来源：CSDN
原文：https://blog.csdn.net/wxl1555/article/details/83187647
版权声明：本文为博主原创文章，转载请附上博文链接！

版权属于：Joyber

本文链接：https://blog.qqvbc.com/default/130.html

转载时须注明出处及本声明