uniapp 查找不到uview-ui文件怎么办?

 用官方的方式总是报:文件查找失败:'uview-ui' at main.js

解决方案: 

1.先安装uview-ui

npm install uview-ui

下载成功是这样的:

而不是这样的:

 

 这样的原因是你的项目里没有package.json包,先执行  npm  i   -y再安装uview-ui

2.main.js引入

import uView from "uview-ui"
Vue.use(uView)

 uni.scss中引入

@import 'uview-ui/theme.scss';

然后再APP.vue中全局引入样式,注意一定要下好sass和scss-loader,如果是HBuilderX安装的就不需要担心,里面内嵌了的。

<style lang="scss">
@import "uview-ui/index.scss";

注意:以上代码一定要在第一行

没下载的自行下载

 
npm install sass-loader --save-dev
npm install node-sass --save-dev

3.配置easycom组件模式

  • 此配置需要在项目 根目录 的pages.json中进行
"easycom": {
		"custom": {
			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
		}
	},

 注意:easycom和pages平级;

相关推荐

  1. uView ui 安装步骤

    2024-01-13 11:20:02       24 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-13 11:20:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-13 11:20:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-13 11:20:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-13 11:20:02       20 阅读

热门阅读

  1. UniApp面试题

    2024-01-13 11:20:02       32 阅读
  2. Python学习之路-综合练习:学生管理系统

    2024-01-13 11:20:02       32 阅读
  3. Python基础(二十八、多态、抽象类)

    2024-01-13 11:20:02       40 阅读
  4. Android 13(T) - Media框架(3)- mediaserver

    2024-01-13 11:20:02       33 阅读
  5. 【RUST】请为get_local_info提出宝贵意见

    2024-01-13 11:20:02       35 阅读
  6. 换根DP求树的重心/求最小距离和

    2024-01-13 11:20:02       35 阅读
  7. pythonrequests用法

    2024-01-13 11:20:02       33 阅读
  8. 【C】存储类别(作用域、链接、存储期)

    2024-01-13 11:20:02       33 阅读
  9. js null和undefined的区别

    2024-01-13 11:20:02       28 阅读
  10. CNAS中兴新支点——软件验收测试功能有哪些

    2024-01-13 11:20:02       34 阅读