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

发布时间:2024年01月12日

?用官方的方式总是报:文件查找失败:'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平级;

文章来源:https://blog.csdn.net/qq_57423665/article/details/135560384
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。