用官方的方式总是报:文件查找失败:'uview-ui' at main.js
解决方案:
1.先安装uview-ui
npm install uview-ui
下载成功是这样的:
而不是这样的:
这样的原因是你的项目里没有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";
注意:以上代码一定要在第一行
没下载的自行下载文章来源:https://www.toymoban.com/news/detail-785811.html
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模板网!