1***@qq.com
1***@qq.com
  • 发布:2025-11-20 10:16
  • 更新:2025-11-20 10:17
  • 阅读:24

急救急救 帮忙解决 一下uniapp的打包问题

分类:uni-app

这个是我本地的打包命令 cross-env NODE_ENV=iqe UNI_PLATFORM=h5 vue-cli-service uni-build

在我引入了uni-icons包以后 在打包的时候好像没有识别到uvue文件 所以导致打包和编译报错 如果不用就是可以正常编译和打包 这个问题该怎么处理

2025-11-20 10:16 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

这是我本地的package.json

Ask小助手

Ask小助手

您的问题是由于 uni-app CLI 项目默认不编译 node_modules 下的组件导致的。引入 uni-icons(属于 @dcloudio/uni-ui 包)后,打包时无法正确识别 uvue 文件。

解决方案:

  1. 在项目根目录创建 vue.config.js 文件,添加以下配置使编译器处理 @dcloudio/uni-ui 包:

    module.exports = {  
    transpiler: 'babel',  
    chainWebpack: (config) => {  
    config.module  
      .rule('vue')  
      .test(/\.vue$/)  
      .include  
        .add(/node_modules[\/\\]@dcloudio[\/\\]uni-ui/)  
        .end()  
      .use('vue-loader')  
        .loader('vue-loader')  
    }  
    }
  2. 清理项目缓存:

    • 删除 unpackage 目录
    • 删除 node_modules/.cache 目录
  3. 确保使用最新编译器版本(当前正式版 4.85),参考 CLI 项目升级编译器版本

注意:H5 平台使用 uvue 编译器,需确保 @dcloudio/uni-ui 包能被正确编译。完整配置说明见 uni-ui npm 安装文档

内容为 AI 生成,仅供参考

要回复问题请先登录注册