關于vue編譯版本引入的問題

z2xy 發布于2019-08-23 12:01 / 2545人閱讀

摘要：改為原因是，使用屬性，需要引入帶編譯器的完整版的而如果在文件里面使用這種形式，然后使用引入，則不需要完整版的，因為使用時文件會自動預編譯成。其實官網中已有明確說明對不同構建版本的解釋其他相關文章理順個版本的區別

下班過目遇到一個錯誤

[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: ""
})

改為

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

原因是，使用 template屬性，需要引入帶編譯器的完整版的vue.esm.js

而如果在.vue文件里面使用

這種形式，然后使用import引入，則不需要完整版的vue.esm.js，因為使用vue-loader時 *.vue文件會自動預編譯成js。

其實vuejs官網中已有明確說明
對不同構建版本的解釋（https://cn.vuejs.org/v2/guide...）

其他相關文章：
理順8個版本vue的區別（https://segmentfault.com/a/11...）

GPU云服務器云服務器關于javascript的問題關于php的問題關于系統錯誤的問題有關于回調的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97840.html

webpack配合vue.js實現完整的單頁面demo

摘要：本篇文章主要是我在開發前研究了的單頁面應用，因為需要用到的，所以確保安裝了，建議官網安裝最新的穩定版本。本文章只是和大家探討怎么利用配合做一個單頁面應用，具體關于里面的內容怎么寫并不在本篇文章的介紹范圍。本篇文章主要是我在開發前研究了webpack+vue.js的單頁面應用，因為需要用到node的npm，所以確保安裝了node，建議官網安裝最新的穩定版本。并且在項目中需要加載一些np...

2450184176 2019-08-19 18:35 評論0 收藏0
Vue.js中引入圖片路徑的幾種方式

摘要：記錄總結一下的中引入圖片路徑的幾種書寫方式中靜態資源的引入機制關于靜態資源的官方文檔靜態資源可以通過兩種方式進行處理在被導入或在中通過相對路徑以開頭被引用。如果是一個絕對路徑，例如，它將會被保留不變。 vue --version 3.6.3記錄總結一下的Vue中引入圖片路徑的幾種書寫方式 vue中靜態資源的引入機制 Vue.js關于靜態資源的官方文檔靜態資源可以通過兩種方式進行處理...

adam1q84 2019-08-23 18:09 評論0 收藏0
前端通用國際化解決方案

摘要：前端通用國際化解決方案背景前端技術日新月異，技術棧繁多。接下來針對這幾塊內容并結合日常的開發流程說明國際化的通用解決方案。文章首發于個人blog，歡迎大家關注。 DI18n 前端通用國際化解決方案背景前端技術日新月異，技術棧繁多。以前端框架來說有React, Vue, Angular等等，再配以webpack, gulp, Browserify, fis等等構建工具去滿足日常的開...

lingdududu 2019-08-20 15:46 評論0 收藏0
一字一句的搞懂vue-cli之vue webpack template配置

摘要：神一樣的存在。所以呢，就利用兩天時間，參考了一些他人的文章，查閱了一些官方的配置，就在此先稍微記錄一下。這份配置解析是基于最新版本的。不過，我非常建議，先別看我的文章，自己一句一句的通讀一遍。和中的配置含義相似。 webpack--神一樣的存在。無論寫了多少次，再次相見，仍是初見。有的時候開發vue項目，對尤大的vue-cli感激涕零。但是，但是，但是。。。不是自己的東西，真的很不想折...

atinosun 2019-08-22 11:20 評論0 收藏0
webpack 基礎與項目優化實踐總結

摘要：前言本文基于，主要涉及基本概念基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行優化配置。同一文件中，修改某個影響其他。前言：本文基于weboack4.x，主要涉及webpack4 基本概念、基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行...

Scorpion 2019-08-23 18:15 評論0 收藏0