解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts

这篇具有很好参考价值的文章主要介绍了解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目使用技术:uniapp + vue3 + vite4.0.3 + node(v16.20.0)

"@dcloudio/uni-app": "3.0.0-alpha-3081220230731001",

"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3081220230731001",

"vue": "^3.3.4",

"vite": "4.0.3",

"engines": {

       "node": ">=16.20.0",

      "pnpm": ">=8.0.0"

},

最新测试:使用高版本node(v18.15.0), 删除node_modules依赖,重新安装,以下2个问题都可以解决了都不报错了。

一、vscode编辑器:终端打包微信小程序

复现步骤:在vscode终端中运行:pnpm build:mp-weixin-prod 命令,打包小程序生产包时,报错failed to load xxx/vite.config.ts,但实际项目根目录中有该vite.config.ts文件。

vscode端使用的node版本是:v16.20.0

最后解决:使用node版本(16.20.0)+ 若有@esbuild包,删除即可。

具体解决:之前忘了什么原因,手动在node_modules包下面放入了darwin-x64文件夹 =》 将node_modules下面的@esbuild文件夹整个删除即可

uniapp map组件在wgt包下启动失败,Uniapp混合开发,uni-app,微信小程序
摘自其他人图:我的报错项目只有darwin-x64文件夹,没有darwin-arm64文件

uniapp map组件在wgt包下启动失败,Uniapp混合开发,uni-app,微信小程序

二、HbuilderX编辑器:点击发行-》 原生app-制作应用wgt包

复现背景: node_modules中也没有@esbuild目录 -》点击发行,终端提示报错:can't find xx/xx/vite.config.ts, 当前使用的node是v16.20.0。

最后解决:使用node版本(v18.15.0)+ 重新安装所有依赖。

具体解决:删除node_modules包 -》 切换node版本为v18.15.0, 重新安装依赖 pnpm install 即可。 

参考链接: 

  • [报bug] Host version "0.17.19" does not match binary version "0.16.17" - DCloud问答 -- 这个报错是因为@esbuild文件中有2个包,darwin-x64和darwin-arm64,这2个包版本有0.17.19和0.16.17,若实际没有@esbuild, 可能是node_modules有缓存,重新删除所有依赖再安装。
  • 【报Bug】HBuilderX mac M1编译 vite/vue3 cli项目时编译不了(hbx运行编译) - DCloud问答

 文章来源地址https://www.toymoban.com/news/detail-762349.html

到了这里,关于解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp的打包:h5、微信小程序以及APP方式

    本人用的是HBuilder编译器,学习uniapp时b站某位大大推荐的,我刚开始接触代码时候也用过,那时候并不好用这个编译器,但是现在试了一下挺好用的。 这是h5页面的打包配置,新版本的HBuilder用的是web配置(也就是h5配置的意思) 由于上图是我个人项目练习,没有用到appID,所

    2024年02月09日
    浏览(36)
  • uniapp项目打包(安卓apk和微信小程序)

    uniapp的打包方式有很多,这里主要讲解App打包成安卓apk和微信小程序的两种方式 原生App分为云打包和本地打包两种,一般只推荐使用云打包来快速打包成安卓apk 安卓正式包 勾选使用云端证书时,我们无需手动生成证书别名、证书私钥密码、证书文件等,uniapp官方已配置好云

    2024年02月03日
    浏览(36)
  • uniapp项目(微信小程序)配置miniprogramRoot,解决报错未找到app.json、未找到sitemap.json等问题

    前段时间有粉丝私信,说自己的微信小程序在开发者工具中报错:“在项目根目录未找到app.json”,如图: 我以为这是他个人的问题,就直接说了解决方案,并建议用uniapp之类的框架开发,更关注业务,结果周六日我用最新版hbuilder创建了vue3项目,部署的时候,报了同样的错

    2024年02月11日
    浏览(29)
  • UniApp项目中 使用微信小程序原生语言 进行开发

    wxcomponents 下放的是微信小程序原生代码写的组件。我进行了封装 在你下uniApp 项目的根目录创建一个 wxcomponents 名字千万不要错 京东、支付宝灯参考下面图片 官方文档也有介绍 然后在你需要引入原生功能的页面里面引入你的组件(我这里提前已经放过来了。在上面图可看到

    2024年02月04日
    浏览(38)
  • uniapp打包微信小程序,包过大解决

    微信小程序每个分包的大小是2M,总体积一共不能超过20M。 字节小程序每个分包的大小是2M,总体积一共不能超过16M(字节小程序基础库 1.88.0 及以上版本开始支持,字节小程序开发者工具请使用大于等于 2.0.6 且小于 3.0.0 的版本)。 在对应平台的配置下添加 \\\"optimization\\\":{\\\"su

    2024年02月08日
    浏览(44)
  • 原生微信小程序/uniapp使用空格占位符无效解决方法

    最近碰到一个需求,在一个 text 文本中的前后添加 空格占位符 ,总所周知,我并不会前端,于是我查看了原生微信小程序以及uniapp官方文档,得到了以下答案: 原生微信小程序官方文档 uniapp官方文档 从文档可以知道我们可以用 nbsp; , ensp; , emsp; 等等作为占位符实现空格效果

    2024年02月03日
    浏览(58)
  • 关于微信小程序原生组件与uniApp混合开发过程遇到的问题与解决方式

    前言: 在实际开发过程中,尤其是小程序的开发,我们常常会遇到一些在文档中解决不了的问题,在这里,我就浅谈一下我遇到的一些问题 1.小程序的构建框架是uni-app,却突然被要求用原生的微信小程序代码来开发,到最后要整合到uni-app里面 这个整合问题,uni-app官网就有

    2024年02月05日
    浏览(48)
  • 【uni-app】uni项目打包微信小程序中使用 ECharts (mpvue-echarts)

    在小程序里画图表,uniapp 不想引入 u-charts怎么办,个人还是喜欢用echarts 先看成品图 说明: 示例下载-- 完整dom 如果你想要在单页面渲染多个图标可以看看:这里(相关文章传送门) 原生小程序使用的是 echarts-for-weixin ,具体地址如下: https://github.com/ecomfe/echarts-for-weixin 想在

    2024年02月07日
    浏览(32)
  • uniapp使用微信开发工具打开微信小程序运行[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    这是 uniapp 项目 还未转成微信小程序 需要转换一下     重点:   首先一定要有 unpackage文件夹   如果没有的需要到HBuilder X 编译一下 编译完,可以看到如下目录既可以了

    2024年02月07日
    浏览(32)
  • 【b站咸虾米】chapter1&2_uniapp介绍与uniapp基础_新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握

    课程地址:【新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握】 https://www.bilibili.com/video/BV1mT411K7nW/?p=12share_source=copy_webvd_source=b1cb921b73fe3808550eaf2224d1c155 目录 一、uniapp和HBuilderX介绍 二、uniapp基础 2.1  新建项目、项目目录、预览uni项目 2.1.1 新建项目 2.1.2 项目

    2024年01月20日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包