mpvue使用vant Weapp運行npm run build命令打包后失效


  最近在使用mpvue開發微信小程序,在開發過程中使用有贊的小程序ui框架—— vant Weapp ,至於如何使用在我個人博客中有一篇關於如何使用vant Weapp ,需要的同學請點進這里自行查看。

  使用過mpvue框架開發過小程序的同學都應該知道,通過mpvue開發的小程序需要通過npm run dev命令才能在微信開發工具中調試小程序,按照我那篇使用vant Weapp的博客說明,使用npm run dev命令,vant Weapp框架都沒有什么問題,也就是說開發環境下沒有任何問題,今天小程序開發進入收尾測試階段,需要將小程序打包發布,然后測試,但是發現經過npm run build命令之后,再使用微信開發者工具打開時vant Weapp UI框架失效,相關的樣式都沒有,最后迫不得已就把打包之后的app.json文件中應用vant Weapp的路徑修改之后就可以,修改路徑如下圖:

  

  但是在不是最終的解決辦法,總不能和每次打包后去修改dist文件下面app.json文件中歐冠的路徑吧,最后認認真真的研讀了一下微信小程序app.json配置文件中的相對路徑,原來app.json所有配置路徑都是相對於src而言的,最后就將src文件下面的app.json文件的配置路徑改成如上圖,運行npm run build 和 npm run dev 都沒有問題,歐了,問題解決。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM