1***@qq.com
1***@qq.com
  • 发布:2022-11-01 11:14
  • 更新:2022-11-01 11:21
  • 阅读:492

【报Bug】通过CLI创建的vue3项目微信小程序,调用process.env报错

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Monterey 12.6

第三方开发者工具版本号: 1.06.2210141

基础库版本号: 2.27.0

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3060420220922001

操作步骤:
  1. 初始化项目:npx degit dcloudio/uni-preset-vue#vite my-vue3-project
  2. 在main.js中添加: console.log(process.env)
  3. 启动项目:npm run dev:mp-weixin
  4. 打开微信小程序开发工具编译,查看控制台报错信息:ReferenceError: process is not defined`

预期结果:

正常打印 process.env 信息

实际结果:

报错:ReferenceError: process is not defined

bug描述:

使用CLI创建vue3/Vite项目,编译到微信小程序无法使用process.env中的环境变量,报错 ReferenceError: process is not defined。

2022-11-01 11:14 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

应该直接访问process.env.*的具体内容,比如 process.env.NODE_ENV(要么是内置好了,要么是自己define了),不支持访问 process.env,因为vite里边除了dev:h5,其他环境是直接替换完整的字符串。可以使用标准vite项目做测试

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

    直接访问process.env.NODE_ENV是可以的,但是.env文件中定义的环境变量还是访问不了。

    2022-11-01 11:37

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

    通过import.meta.env访问到了,同时.env文件中需要配置以VITE_开头,也就是用vite那一套环境变量的配置方法。

    2022-11-01 11:48

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

    希望在env文档(https://uniapp.dcloud.net.cn/tutorial/env.html#env)和vue2升vue3文档(https://uniapp.dcloud.net.cn/tutorial/migration-to-vue3.html)中明确说明一下要使用两种不同方式。

    2022-11-01 11:52

要回复问题请先登录注册