существовать
uni-app
используется вVant
необходимо выполнить несколько шагов, чтобы обеспечитьVant
способен правильносуществоватьзапустить в проекте。Vant
основан на Vue мобильный терминал UI Библиотека компонентов, специально разработанная для мобильных устройств. Хотяuni-app
Поддержка нескольких платформ, но используйтеVant
час,основнойсосредоточиться на нем существует мобильная производительность.
Ниже приводитсясуществовать uni-app
используется в Vant
Шаги:
существоватьтвой uni-app
В корневом каталоге проекта используйте npm или yarn установить Vant
。
Используйте НПМ:
npm install vant --save
//или ВОЗ
npm i @vant/weapp -S --production
илииспользовать yarn:
yarn add vant
{
"easycom": {
"autoscan": true,
"custom": {
"^van-(.*)": "@vant/weapp/dist/$1/index"
}
}
}
<template>
<view>
<van-button type="primary">кнопка</van-button>
</view>
</template>
Убедитесь, что ваш проект uniapp поддерживает npm и механизм загрузки подпакетов мини-программ. Если у вас возникли проблемы, проверьте, настроили ли вы его соответствующим образом в соответствии с документацией Vant Weapp.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: myuniappsa@0.1.0
npm ERR! Found: vue@2.6.14
npm ERR! node_modules/vue
npm ERR! vue@">= 2.6.14 < 2.7" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.0" from vant@4.9.1
npm ERR! node_modules/vant
npm ERR! vant@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Administrator\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Local\npm-cache\_logs\2024-06-21T03_57_27_712Z-debug-0.log
Причина: вызвано версией Решение: переключить версию npm. или ВОЗ Юниап версия или ВОЗvantВерсия
http://mui.ucmed.cn/#/zh-CN/quickstart
Здравствуйте, я Фейхен. Приглашаем вас подписаться на меня, чтобы получать обучающие ресурсы, ежедневный обмен информацией о технологических изменениях и правилах выживания в отрасли;