当前位置: 首页 > article >正文

uniapp踩坑实战之引用‘uview-ui‘

我是在dcloud插件库里面下载的,默认他默认下载在了“uni_modules”,而我用官方的方式总是报:文件查找失败:'uview-ui' at main.js

以下是官方方法,但我这里一直报错,是因为直接写他是从“node_modules”文件夹中找

Icon 图标 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架uView UI,是 uni-app 生态最优秀的 UI 框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水icon-default.png?t=N7T8https://uviewui.com/components/icon.html

 各位可以看一下新的页面

// main.js
import uView from "uview-ui";
Vue.use(uView);

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

<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";
</style>

/* pages.json */
"easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},

正确方法:


// main.js
import uView from './uni_modules/uview-ui';
Vue.use(uView);
//要写在import Vue from 'vue'后

/* uni.scss */
@import "./uni_modules/uview-ui/theme.scss";

<style lang="scss">
	/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
	@import 'uni_modules/uview-ui/index.scss'
</style>

"easycom": {
	"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
}

 


 


http://www.kler.cn/a/283804.html

相关文章:

  • Elastic Observability 8.16:增强的 OpenTelemetry 支持、高级日志分析和简化的入门流程
  • 树形dp总结
  • DevOps工程技术价值流:加速业务价值流的落地实践与深度赋能
  • HelloMeme 上手即用教程
  • 「Py」Python基础篇 之 Python都可以做哪些自动化?
  • python: postgreSQL using psycopg2 or psycopg
  • MySQL数据库设计基础:从零开始构建你的第一个数据库
  • 算法工程师第五十一天(dijkstra(堆优化版)精讲 Bellman_ford 算法精讲)
  • Python——模块和包
  • Tengine框架之配置表的Luban转换与加载
  • 数据分析学习之numpy
  • static关键字与单例模式
  • el-table自定义合并表格
  • 为什么 CNC 加工会产生毛刺?
  • 如何在 Vue 中创建一个带有表格和表单的弹窗
  • 数据结构之十字链表
  • 前端篇-html
  • 大数据技术之HBase简介(1)
  • ai免费生成ppt软件有哪些?我推荐秒出PPT
  • 基于detectron2框架的深度学习模型载入自定义数据集
  • 环境变量--永久 & 暂时
  • 设计模式 16 迭代器模式
  • OCI编程高级篇(十四) 直接路径装载设置字段信息
  • 数据结构与算法 第四天(串、数组、广义表)
  • HTTP分析
  • 高级java每日一道面试题-2024年8月30日-数据库篇-数据库的三范式是什么?