使用uni-ui组件库,解决bug+1

构建页面

1.按照uni-ni

2.组件自动引入

3.配置ts类型

 

npm i @dcloudio/uni-ui   或   yarn add @dcloudio/uni-ui
我们本项目用的是
pnpm i @dcloudio/uni-ui
这个时候我们发现报错

 我们只需要在根目录下创建 vue.config.js 文件 ,增加 @dcloudio/uni-ui 包的编译即可正常

// vue.config.js
module.exports = {
        transpileDependencies:['@dcloudio/uni-ui']
}

 这是成功的界面

下面就要自动导入

只需要按照下面的官方文档完成即可

 

 

 修改完成后记得关掉重新开一个终端pnpm dev:mp-weixin
后续:https://www.npmjs.com/package/@uni-helper/uni-ui-types
posted @ 2024-01-22 01:38  艾鑫4646  阅读(79)  评论(0编辑  收藏  举报