1. 程式人生 > >關於使用hbuilder 打包vue的問題

關於使用hbuilder 打包vue的問題

這幾天心血來潮,把之前做的vue應用用Hbuilder做成app,之中出現幾個問題,現記錄下來,以供大家參考:

1. 打包後,真機調試出現白屏:

1) 先在本地檢視是否webpack後有語法錯誤,我的程式碼webpack後

<meta name=viewport content="width=device-width user-scalable=no">
會變成
<meta name=viewport content="width=device-widthuser-scalable=no">
中間空格沒了,導致報錯。

2) 確定程式碼沒問題的話,一般就是打包的路徑出了錯:

在config檔案中的index.js中,將 build 的 assertPublicPath 改為: './';

在webpack.prod.conf.js中,將output 的 publicPath: '';

2. img的路徑在vue的v-bind動態繫結相對路徑,打包後不顯示:

將src的引用變為require(src)

前端開發總有坑,坑一次就會進步一次! 與開發者共勉!