Vue-You are using the runtime-only build of Vue where the template compiler is not available

一、出錯(cuò)原因

1.vue-cli腳手架的升級問題,報(bào)錯(cuò):
You are using the runtime-only build of Vue where the template compiler is not available
2.原因
vue有兩種形式的代碼 分別是compiler(模板)模式和runtime模式(運(yùn)行時(shí)),vue模塊的package.json的main字段默認(rèn)為runtime模式, 指向了"dist/vue.runtime.common.js"位置
在main.js文件中,初始化vue是compiler模式的,因此出現(xiàn)上面的報(bào)錯(cuò)信息。

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

3.解決方法
3.1解法一:將mian.js中的代碼修改:

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

3.2解法二:vue.config.js文件加上webpack的配置:

    resolve: {
      alias: {
        'vue$': 'vue/dist/vue.esm.js' 
      }
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容