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

解决了点个赞啊XD

猜你喜欢

转载自blog.csdn.net/wtxiaobaishu/article/details/133965470
今日推荐