这个是我本地的打包命令 cross-env NODE_ENV=iqe UNI_PLATFORM=h5 vue-cli-service uni-build
在我引入了uni-icons包以后 在打包的时候好像没有识别到uvue文件 所以导致打包和编译报错 如果不用就是可以正常编译和打包 这个问题该怎么处理
这个是我本地的打包命令 cross-env NODE_ENV=iqe UNI_PLATFORM=h5 vue-cli-service uni-build
在我引入了uni-icons包以后 在打包的时候好像没有识别到uvue文件 所以导致打包和编译报错 如果不用就是可以正常编译和打包 这个问题该怎么处理
您的问题是由于 uni-app CLI 项目默认不编译 node_modules 下的组件导致的。引入 uni-icons(属于 @dcloudio/uni-ui 包)后,打包时无法正确识别 uvue 文件。
解决方案:
在项目根目录创建 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')
}
}
清理项目缓存:
unpackage 目录 node_modules/.cache 目录 确保使用最新编译器版本(当前正式版 4.85),参考 CLI 项目升级编译器版本
注意:H5 平台使用 uvue 编译器,需确保
@dcloudio/uni-ui包能被正确编译。完整配置说明见 uni-ui npm 安装文档