關于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文件里面使用
<template>
<div></div>
</template>
<script>
export default {
name:'name1',
data() {
return {};
}
};
</script>
這種形式，然后使用import引入，則不需要完整版的vue.esm.js，因為使用vue-loader時 *.vue文件會自動預編譯成js。
其實vuejs官網中已有明確說明
其他相關文章：
理順8個版本vue的區(qū)別（http://chabaoo.cn/article/147538.htm）
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
大家都知道,vue是具有單向數(shù)據流的傳遞特性,下面這篇文章主要給大家介紹了關于Vue3中如何修改父組件傳遞到子組件中值的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
Ant?Design?of?Vue的樹形控件Tree的使用及說明
這篇文章主要介紹了Ant?Design?of?Vue的樹形控件Tree的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了解決vue cli使用typescript后打包巨慢的問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
vue項目打包為APP,靜態(tài)資源正常顯示,但API請求不到數(shù)據的操作
這篇文章主要介紹了vue項目打包為APP,靜態(tài)資源正常顯示,但API請求不到數(shù)據的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
element-plus 下拉框實現(xiàn)全選的示例代碼
本文主要介紹了element-plus 下拉框實現(xiàn)全選的示例代碼，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要介紹了Vue 中使用 CSS Modules優(yōu)雅方法,本文文字結合實例代碼的形式給大家介紹的非常詳細，需要的朋友可以參考下2018-04-04
vue項目中使用Hbuilder打包app 設置沉浸式狀態(tài)欄的方法
這篇文章主要介紹了vue項目 使用Hbuilder打包app 設置沉浸式狀態(tài)欄的方法，本文通過實例代碼效果圖展示給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-10-10
vue3中實現(xiàn)拖拽排序代碼示例(vue-draggable-next的使用)
在Vue3中使用拖拽功能時應選用vue-draggable-next插件,傳統(tǒng)的draggable插件不兼容Vue3,可能導致TypeError錯誤,安裝后,需在項目中引入并使用,具體步驟包括安裝插件、引入使用、查看效果和相關說明,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue如何修改data中數(shù)據問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
CodeMirror支持在線編輯代碼，風格包括js, java, php, c++等等100多種語言，下面這篇文章主要來和大家講講CodeMirror的應用，感興趣的可以了解一下2023-06-06