在nuxt中使用vant

環境
vant:1.6.7
nuxt:2.4.5

原因
官方推薦寫法,以下圖 css

按照上圖配置,則會出現

在github上提的 issues

官方回答:
你好,這個問題建議到 nuxt 倉庫提問,由於這個問題本質上是由 nuxt 和 babel-plugin-import 二者不適配致使的,vant 這邊沒法提供出解決方案

步驟
1.npm i babel-plugin-component --save-dev
2.在plugins新建vant.js,內容以下
import 'vant/lib/index.css';
3.在nuxt.config.js配置plugins,引入vant
plugins: [ "~/plugins/vant.js"]
4.配置bable
5.劇終
相關文章
相關標籤/搜索