1. 程式人生 > >Vue遇到的bug-01(vue引擎模板報錯)

Vue遇到的bug-01(vue引擎模板報錯)

vue結合webpack的使用

01.報錯資訊:如下圖(配置檔案格式錯誤)
這裡寫圖片描述
錯誤的程式碼:如下圖
這裡寫圖片描述
報錯資訊顯示的是配置檔案錯誤(報錯資訊的最後一句話是 loaders should be an array),改正後程式碼如下圖:
這裡寫圖片描述
錯誤解除。
官方文件連結webpack
webpack.config.js裡面已經有詳細的說明

02.報錯資訊:如下圖 (需要引入的檔案不存在)
這裡寫圖片描述
報錯資訊module not found ,檢視配置檔案裡面模組已經安裝,然後還有一句話是can’t resolve …也就是在這個檔案內發生的錯誤,仔細對照程式碼發現該檔案沒有引入進去,可能是名字錯誤或者是路徑錯誤等等.

03.報錯資訊:如下圖(引入圖片報的錯誤)url-loader(程式碼錯誤致引入的當成module處理)
這裡寫圖片描述
報錯資訊:module not found —limit:4000,
這裡寫圖片描述
這裡將limit4000當成模組進行識別了,所以錯誤是兩者之間的!,應該使用

vue引擎模板報錯

這裡寫圖片描述
一宣告一個新的Vue物件,就報錯;下面是錯誤的程式碼:
<span class="col-xs-4">法人姓名</span><input :value='' placeholder='營業執照' class="col-xs-7">

;這裡的:value還沒繫結資料。所以發生錯誤。繫結之後,錯誤消失。