uni-app uview采用npm安装方式微信小程序报错 打不开

uni-app uview采用npm安装方式微信小程序报错 打不开

操作步骤：

  • npm安装uview
    "easycom": {
  "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}

预期结果：

  • 小程序端正常运行

实际结果：

  • 微信开发者工具会报错
    [ pages/login/index.json 文件内容错误] pages/login/index.json: ["usingComponents"]["u-tabs"] 未找到 (env: Windows, mp, 1.05.2110110; lib: 2.19.2)

bug描述：

  • 采用npm安装的方式，微信开发者工具会报错
    [ pages/login/index.json 文件内容错误] pages/login/index.json: ["usingComponents"]["u-tabs"] 未找到 (env: Windows, mp, 1.05.2110110; lib: 2.19.2)
开发环境 版本号 项目创建方式
Windows win10 HBuilderX
HBuilderX 3.2.9
Android Android 10
手机厂商 手机机型
华为 dd

更多关于uni-app uview采用npm安装方式微信小程序报错 打不开的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

解决了吗

更多关于uni-app uview采用npm安装方式微信小程序报错 打不开的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你解决了吗？

没人解决？

有人解决没

不用了。。，痛苦点用官方的

这个报错是因为uView组件在小程序端需要正确配置usingComponents。npm安装方式需要额外配置，因为小程序无法直接识别node_modules中的组件路径。

解决方案：

  1. 确保正确安装：

    npm install uview-ui

  2. 在main.js中引入：

    import uView from 'uview-ui'
Vue.use(uView)

  3. 关键步骤 - 配置uni.scss： 在uni.scss中添加：

    [@import](/user/import) 'uview-ui/theme.scss';

  4. 小程序端特殊配置： 在项目根目录创建vue.config.js（如已有则修改）：

    module.exports = {
    transpileDependencies: ['uview-ui']
}
回到顶部