uni-app项目process is not defined

前情

uni-app是我比较喜欢的跨平台框架,它能开发小程序/H5/APP(安卓/iOS),重要的是对前端开发友好,自带的IDE让开发体验也挺棒的,公司项目就是主推uni-app。

坑位

最近在开发一个多端小程序,先开发的微信端再适配的支付宝端,而当我支付宝适配并上线后我想重切回微信端跑的时候发现微信端报错了,我当时脑袋是蒙蒙的,错误如下图:

Why?

我回顾了最近我做的修改,我唯一对工程化这一块的修改就是我只是加了一个自定义的开发环境增加环境变量的调整,在package.json增加了一些配置:

json 复制代码
  // ...
  "uni-app": {
    "scripts": {
      "alipay-test": {
        "title": "支付宝小程序 本地环境",
        "env": {
          "UNI_PLATFORM": "mp-alipay",
          "NAME": "local"
        }
      }
    }
  }
  // ...

是不是因为因为了加了配置,hbuilder会重构环境变量,导致环境变量丢失了,只是个人猜测,如果有知道的大佬,可以留言分享原因,感谢

解决方案

在项目根目录下的vite.config.js增加如下配

jsx 复制代码
// ...
define: {
  'process.env': {}
}
// ...

期望

此次问题在几翻折腾尝试后最终得解决,但是并没有真正找到引起的原因,如果有大佬知道为什么,欢迎留言,一起进步

相关推荐
会跑的葫芦怪20 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
pas1361 天前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠1 天前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨1 天前
【Turbo】使用介绍
前端
军军君011 天前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...1 天前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n1 天前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon1 天前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪1 天前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q1 天前
CSS 笔记2 (属性)
前端·css·笔记