uniapp踩坑实战之文件查找失败:'uview-ui' at main.js解决办法

 更新时间:2023年12月12日 11:22:07   作者:wtxiaobaishu  
这篇文章主要给大家介绍了关于uniapp踩坑实战之文件查找失败:'uview-ui' at main.js的解决办法,文中通过代码介绍的非常详细,需要的朋友可以参考下

前言

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

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

23-8-21(修改):uview官网好像换了:

Icon 图标 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架 (uviewui.com)

各位可以看一下新的页面

// 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>

"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"
}

不要忘记重启了啊=》指hbuilder

总结

到此这篇关于uniapp踩坑实战之文件查找失败:'uview-ui' at main.js解决的文章就介绍到这了,更多相关uniapp文件查找失败'uview-ui' at main.js内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 基于JQuery模仿苹果桌面的Dock效果(初级版)

    基于JQuery模仿苹果桌面的Dock效果(初级版)

    新的一天新的开始,今天要分享的是用JQuery模仿苹果操作系统桌面的Dock效果,之所以称之为初级版,是因为其中还有一些bug,显示效果并不稳定
    2012-10-10
  • Webpack path与publicPath的区别详解

    Webpack path与publicPath的区别详解

    本篇文章主要介绍了Webpack path与publicPath的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • JS分页效果示例

    JS分页效果示例

    JS实现分页在网上可以搜到很多的相关文章,在本文也要为大家介绍下具体的实现,感兴趣的朋友不要错过
    2013-10-10
  • 基于iscroll.js实现下拉刷新和上拉加载效果

    基于iscroll.js实现下拉刷新和上拉加载效果

    这篇文章主要为大家详细介绍了基于iscroll.js实现下拉刷新和上拉加载效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • JSON数据中存在单个转义字符“\”的处理方法

    JSON数据中存在单个转义字符“\”的处理方法

    这篇文章主要介绍了JSON数据中存在单个转义字符“\”的处理方法,在这里反斜杠(又称右斜杠"\"),还表示转义字符,字符串中不能成单出现。具体内容详情大家跟随脚本之家小编一起看看吧
    2018-07-07
  • JS 精确统计网站访问量的实例代码

    JS 精确统计网站访问量的实例代码

    这篇文章介绍了JS精确统计网站访问量的实例代码,有需要的朋友可以参考一下
    2013-07-07
  • JS操作select下拉框动态变动(创建/删除/获取)

    JS操作select下拉框动态变动(创建/删除/获取)

    动态创建及删除select、添加及删除选项option、获得选项option的值、获得选项option的文本等等,感兴趣的朋友可以参考下哈
    2013-06-06
  • JavaScript逆向调试技巧总结分享

    JavaScript逆向调试技巧总结分享

    当我们抓取网页端数据时,经常被加密参数、加密数据所困扰,如何快速定位这些加解密函数,尤为重要,下面这篇文章主要给大家介绍了关于JavaScript逆向调试技巧的相关资料,需要的朋友可以参考下
    2022-06-06
  • Ajax高级笔记 JavaScript高级程序设计笔记

    Ajax高级笔记 JavaScript高级程序设计笔记

    这篇文章主要介绍了Ajax高级笔记 JavaScript高级程序设计笔记,需要的朋友可以参考下
    2017-06-06
  • 微信小程序实现全局状态管理的方法整理

    微信小程序实现全局状态管理的方法整理

    已知微信小程序中如果要做到全局状态共享,常用的有四种方式,分别是globalData、本地缓存、mobx-miniprogram和westore,本文将带大家看看mobx-miniprogram是如何实现的小程序的全局状态管理,需要的可以收藏一下
    2023-06-06

最新评论