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

这篇具有很好参考价值的文章主要介绍了uniapp 查找不到uview-ui文件怎么办?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp 查找不到uview-ui文件怎么办?,uniapp,uni-app,前端

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

解决方案: 

1.先安装uview-ui

npm install uview-ui

下载成功是这样的:

uniapp 查找不到uview-ui文件怎么办?,uniapp,uni-app,前端

而不是这样的:

uniapp 查找不到uview-ui文件怎么办?,uniapp,uni-app,前端 

 这样的原因是你的项目里没有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://www.toymoban.com/news/detail-785811.html

到了这里,关于uniapp 查找不到uview-ui文件怎么办?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uview-ui工具函数的使用

    工具函数的使用 1. 函数防抖、节流 2. 对象转url参数 3. 路由封装 4. 时间格式化 5. 求两个颜色渐变之间的值 6. 生成全局唯一guid字符串 7. 获取主题相关颜色 8. 根据type获取图标名称 9. 打乱数组的顺序 10. 对象和数组的深度克隆 11. 对象和数组的深度拷贝 12. 添加单位 13. 规则检验

    2024年02月01日
    浏览(86)
  • uview-ui报错:Component is not found in path node-modules/uview-ui/components/xx/xx

    解决方法: 1、uview-ui如果是npm安装 需要在pages.json中添加easycom配置 2、配置了以上还报错的话可能是 tempalte样式最外层没用标签包括着(只允许有一层用 view/view 包裹最外层) 3、如果试过方法还没解决的话,可以试试彻底 关闭开发者工具关闭,重启 如你还有其他更好的解决

    2024年02月11日
    浏览(42)
  • 使用uview-ui遇见SassError: Undefined variable

    1.确保安装了 scss/sass 编译插件 2.在根目录下  uni.scss  文件中引入  theme.scss 3. 确保在根目录下 App.vue 文件中添加 lang=\\\"scss\\\" 和 index.scss 若依旧报错:    查看项目目录——》  再把 路径 修改为对应文件夹下——》 @import \\\"uview-ui/theme.scss\\\"; @import \\\"uni_modules/uview-ui/theme.scss\\\";    

    2024年02月16日
    浏览(42)
  • 【uni-app】安装uView-ui组件步骤

    uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序,其它小程序平台的兼容可能存在一些问题,后

    2024年02月14日
    浏览(42)
  • 关于 uview-ui grid宫格布局的页面跳转

    在使用 uview-ui 的宫格布局时,发现官方文档对于基本的图形展示还是很详细的,但是缺少点击事件。 于是 该组件外层为 u-grid 组件包裹,通过 col 设置内部宫格的列数 内部通过 u-grid-item 组件的 slot 设置宫格的内容 如果不需要宫格的边框,可以设置 border 为 false 结合uni的sw

    2024年02月15日
    浏览(57)
  • uni-app项目使用uview-ui报错:Component is not found in path node-modules/uview-ui/components/xx/xx

    解决: 一、uview-ui如果是 npm 安装 需要在 pages.json 中添加 easycom 配置 二、配置了以上还报错的话可能是 tempalte 样式最外层没用标签包括着(只允许有一层 用 view/view 包裹最外层

    2024年02月11日
    浏览(67)
  • uni-app使用uview-ui实现动态更改底部tabbar

    需求:根据不同的权限(用户 0, 物业 1)展示不同的tabbar 这里使用的是uview-ui@1.8.4 tabbar 在utils文件夹下新建一个tabbar.js文件,来存储不同权限下的底部导航数据 在page.json文件里,把tabbar里的几个页面去重放进去tabBar。 使用vuex 新建store 文件夹存储相关数据 在入口文件 mai

    2024年02月12日
    浏览(51)
  • 使用vue2开发uni-app项目--引入uview-ui

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 目录 前言 一、安装 1、安装uview-ui 2、安装scss支持 二、配置 1、在main.js中引入uView库 2、uni.scss文件中引入uView的全局SCSS主题文件  3、在APP.vue文件中引入uView基础样式 4、在pages.json中 配置easycom组件模式

    2024年02月04日
    浏览(63)
  • 在引入uview-ui时报错:SassError: Undefined variable: “$u-type-primary“.

    遇到的问题 解决方法:在uni.scss引入

    2024年02月16日
    浏览(46)
  • 电脑提示“系统找不到指定的文件”怎么办?

    “系统找不到指定的文件” 对于Windows用户来说是一个很常见的错误,尤其是Win10用户,经常会遇到Win10提示找不到指定文件。在此错误后面有时还会出现错误代码:0x80070002,但是,故障类型或代码在不同的操作系统规范上是不同的。 当您安装磁盘驱动程序、制作系统映像、

    2024年02月09日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包