uni-app 运行 npm run build:mp-weixin 报错

uni-app 运行 npm run build:mp-weixin 报错

项目创建方式 CLI版本号
CLI vue/cli 5.0.8

操作步骤：

  • 打开项目，运行npm run build:mp-weixin即报错

预期结果：

  • 运行成功

实际结果：

  • 运行报错

bug描述：

运行npm run build:mp-weixin报错，报错信息如下：

my-project@0.1.0 build:mp-weixin
cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build

小程序各家浏览器内核及自定义组件实现机制存在差异，可能存在样式布局兼容问题，参考：https://uniapp.dcloud.io/matter?id=mp

⠸  开始编译当前项目至 mp-weixin 平台...
TypeError: Cannot read properties of undefined (reading 'indexOf')
at Object.chunks [as chunksFilter] (/Users/admin/Documents/03_workrelated/01_fe/01_codeproject/02_uniapp/my-project/node_modules/@dcloudio/vue-cli-plugin-uni/lib/split-chunks.js:80:27)
...

⠇  开始编译当前项目至 mp-weixin 平台...
Error: getaddrinfo ENOTFOUND 96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com
...

更多关于uni-app 运行 npm run build:mp-weixin 报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

经排查：该问题是由于引入web端的vant框架导致，小程序端不支持。 解决方法：使用小程序版本的vant框架。另外更推荐使用官方的 uni-ui框架，性能高跨多端。

更多关于uni-app 运行 npm run build:mp-weixin 报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请上传下测试工程

上传失败，我放到网盘了，您可以下载吗，链接: https://pan.baidu.com/s/1HHv0HHvC44pZ8IH6tkmOYg?pwd=zkx4 提取码: zkx4 复制这段内容后打开百度网盘手机App，操作更方便哦

回复 2***@qq.com: 加你qq了，私发我吧

回复 YUANRJ: 解决了，重新下载安装编辑器可以了

我的问题是电脑磁盘损坏，编辑器安装到其他盘可以了

在使用 uni-app 运行 npm run build:mp-weixin 时遇到报错，可能是由于多种原因导致的。以下是一些常见的排查步骤和解决方案：

1. 检查依赖包是否安装完整

确保项目中所有的依赖包都已经正确安装。可以尝试删除 node_modules 文件夹和 package-lock.json 文件，然后重新安装依赖。

rm -rf node_modules package-lock.json
npm install

2. 检查 package.json 中的脚本配置

确保 package.json 中的 scripts 部分正确配置了 build:mp-weixin 命令。

"scripts": {
  "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build"
}

3. 检查 uni-app 版本

确保你使用的 uni-app 版本是最新的，或者至少是兼容的版本。可以尝试更新 uni-app 和相关依赖。

npm update uni-app

4. 检查微信开发者工具的配置

确保微信开发者工具的配置正确，特别是 project.config.json 文件的配置。

5. 检查错误信息

仔细查看控制台输出的错误信息，通常错误信息会提示具体的问题所在。根据错误信息进行相应的修复。

6. 清理缓存

有时候缓存可能会导致一些问题，可以尝试清理 uni-app 的缓存。

npm cache clean --force

7. 检查代码中的语法错误

确保项目代码中没有语法错误，特别是 vue 文件中的语法错误。

8. 检查 babel.config.js 配置

确保 babel.config.js 配置文件正确，特别是如果你使用了自定义的 babel 配置。

9. 检查 webpack 配置

如果你自定义了 webpack 配置，确保配置正确。

10. 查看官方文档和社区

如果以上步骤都无法解决问题，可以查看 uni-app 的官方文档和社区，看看是否有类似的问题和解决方案。

示例错误及解决方案

错误信息：Error: Cannot find module 'xxx'

解决方案：可能是缺少某个依赖包，尝试安装该依赖包。

npm install xxx --save
回到顶部