脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → uniapp文件查找失败'uview-ui' at main.js

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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论