最近在學習小程序,看到了vant-weapp這個組件庫,我比較喜歡邊看示例邊來敲代碼。剛好這個組件庫下載下來有
example的文件夾。廢話不多說,現在來看看怎么在開發工具里面導入吧!
步驟:
1.下載Vant Weapp組件,
2.打開微信開發者工具,把vant-weapp/example
目錄添加進去,
3.把dist目錄復制到example目錄下,在開發者工具打開example目錄就可以預覽示例了。
問題:
問題來了,導入一堆的路徑報錯。。。。。。。。。。
什么鬼啊,是我哪一步有問題嗎?為什么官網都沒有個詳細的教程。。。。
解決:
1.找到存在問題的js文件 pages/icon/index.js
注釋掉選中的代碼。
2.接着重新編輯后又出現問題
2.到app.json文件下
去掉這行代碼。一定要去掉,不能注釋。注釋依然報錯。
最后的效果:
好了,完成。接着就邊看邊敲代碼吧。
總結
總的來說,就是那里有問題,就去哪里解決。