当前位置:   article > 正文

uniapp 查找不到uview-ui文件怎么办?_文件查找失败:'uview-ui

文件查找失败:'uview-ui

 用官方的方式总是报:文件查找失败:'uview-ui' at main.js

解决方案: 

1.先安装uview-ui

npm install uview-ui

下载成功是这样的:

而不是这样的:

 

 这样的原因是你的项目里没有package.json包,先执行  npm  i   -y再安装uview-ui

2.main.js引入

  1. import uView from "uview-ui"
  2. Vue.use(uView)

 uni.scss中引入

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

然后再APP.vue中全局引入样式,注意一定要下好sass和scss-loader,如果是HBuilderX安装的就不需要担心,里面内嵌了的。

  1. <style lang="scss">
  2. @import "uview-ui/index.scss";

注意:以上代码一定要在第一行

没下载的自行下载

  1. npm install sass-loader --save-dev
  2. npm install node-sass --save-dev

3.配置easycom组件模式

  • 此配置需要在项目 根目录 的pages.json中进行
  1. "easycom": {
  2. "custom": {
  3. "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
  4. }
  5. },

 注意:easycom和pages平级;

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/567114
推荐阅读
相关标签
  

闽ICP备14008679号